* {
	list-style: none;
	letter-spacing: 0.02em;
	font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

html {
	font-size: 62.5%;
}

body {
	width: 100%;
	color: #222;
	font-size: 1.6rem;
	line-height: 1.5;
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

:root {
	--color5: hsl(155, 60%, 40%);
}

.clear {
	clear: both;
}

.more {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	background: url("../images/arrow.svg") no-repeat center center;
	background-size: cover;
	opacity: 0.7;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.more:hover {
	opacity: 1
}

/*Font Style*/
h1 {
	font-size: 4rem;
	text-align: center;
	line-height: 2.6em;
	margin: 0;
}

h2 {
	font-size: 3rem;
}

h3 {}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1.6rem;
}

h6 {}

/*Accesskey*/
.accesskey {
	text-indent: -999px;
	position: absolute;
	top: 0
}

/*Header*/
header {
	height: 150px;
	background: #fff;
	z-index: 999;
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 0px 2px #ccc;
	-webkit-box-shadow: 0px 0px 2px #ccc;
	-moz-box-shadow: 0px 0px 2px #ccc
}

#logo {
	position: fixed;
	top: 25px;
	left: 40px;
	z-index: 999
}

#logo a {
	display: block;
}

#logo img {
	display: block;
	height: 100%
}

#search_icon {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	display: block;
	height: 60px;
	width: 60px;
	background: url("../images/search_bg.jpg") repeat-x;
}

#search_icon .glyphicon {
	font-size: 3.3rem;
	top: 12px;
	left: 12px;
	color: #fff;
}

/*NAV*/
.menu {
	position: fixed;
	height: 100px;
	top: 50px;
	right: 0;
	width: 975px;
	z-index: 999;
}

.menu ul {
	padding-left: 0
}

.menu ul li {
	float: left;
	display: block;
	width: 16.6%
}

.menu ul li a {
	display: inline-block;
	text-align: left;
	line-height: 110px;
	height: 100px;
	color: var(--color5);
	font-size: 2.2rem;
	border-bottom: 5px solid #fff;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.menu ul li a:hover, .menu ul li a:focus {
	text-decoration: none;
}

.menu ul li a .glyphicon {
	top: -1px;
	font-size: 1rem;
	left: 5px;
}

.menu>ul>li:hover ul.dropdown-menu {
	display: block;
}

.menu ul li ul.dropdown-menu {
	padding: 0;
	min-width: initial;
	left: -10px;
	margin: 0;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3)
}

.menu ul li ul li {
	float: none;
	width: 100%;
	height: 60px;
}

.menu ul li ul li a {
	display: block;
	border: 0;
	color: #555;
	font-size: 2rem;
	line-height: 58px;
	height: 60px;
}

.menu ul li ul li a:hover {
	border: 0;
	color: #fff;
	background: var(--color5);
}

.submenu {
	position: fixed;
	height: 60px;
	top: 0;
	right: 60px;
	width: 300px;
	z-index: 999;
	background: #f6f7f7
}

.submenu ul {
	padding-left: 30px
}

.submenu ul li {
	float: left;
	display: block;
	width: 50%
}

.submenu ul li a {
	display: block;
	line-height: 60px;
	height: 60px;
	color: #b7b7b7;
	font-size: 1.6rem;
}

.submenu ul li a img {
	width: 30px;
	position: relative;
	top: -2px;
	margin-right: 5px
}

.navbar-inverse {
	background: transparent;
	border: 0
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	box-shadow: 0px 0px 2px #ccc;
	-webkit-box-shadow: 0px 0px 2px #ccc;
	-moz-box-shadow: 0px 0px 2px #ccc;
	background: var(--color5);
	border: 0;
	border-radius: 0;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	padding: 15px;
	margin: 0;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background: rgba(0, 0, 0, 0.9);
	border: 0;
	padding: 0;
	width: 100%;
	position: fixed;
	left: 0;
	z-index: 999;
	top: 60px;
}

#myNavBar>ul {
	padding-left: 0
}

#myNavBar>ul li {
	padding: 0 10px;
	width: 100%
}

#myNavBar>ul li a {
	color: #ccc;
	font-size: 2rem;
	line-height: 40px;
}

#myNavBar>ul li ul li {
	border-bottom: 1px solid #555
}

#myNavBar>ul li ul li a {
	font-size: 1.6rem;
	line-height: 33px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin: 0
}

.navbar-inverse .navbar-nav>li>a {
	text-shadow: none;
	font-size: 1.6rem;
	line-height: 1.5em
}

.navbar-nav>li>a .glyphicon {
	top: -2px;
	font-size: 1rem;
	left: 5px
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, #myNavBar>ul li a:focus {
	background: var(--color5);
	color: #fff
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #000
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: none
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
	box-shadow: none
}

.nav>li>a {
	padding: 10px 35px;
}

/*Navi Toggle*/
.navbar-header {
	top: 0;
	right: 0px;
	float: none !important;
	position: fixed;
	width: 60px;
	height: 60px;
	z-index: 1000
}

.navbar-toggle .icon-bar {
	width: 30px !important;
}

span.AAA, span.BBB, span.CCC {
	background-color: #FFF;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(0deg) translate3d(0px, 0px, 0px);
	transform: rotate(0deg) translate3d(0px, 0px, 0px);
}

.navbar-toggle.active span.AAA {
	-webkit-transform: rotate(405deg) translate3d(4px, 4px, 0px);
	transform: rotate(405deg) translate3d(4px, 4px, 0px);
}

.navbar-toggle.active span.BBB {
	width: 400px;
	opacity: 0;
}

.navbar-toggle.active span.CCC {
	-webkit-transform: rotate(-405deg) translate3d(4px, -4px, 0px);
	transform: rotate(-405deg) translate3d(4px, -4px, 0px);
}

/*Level1*/
#level_1 {
	margin-top: 150px
}

#level_4 {
	position: relative;
}

.home_topic {
	font-size: 4rem;
	text-align: center;
	line-height: 2.6em;
	margin: 0;
	height: initial !important
}

/*Home Banner*/
#home_banner {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#home_banner img {
	display: block;
	width: 100%
}

#home_banner .slick-dots {
	bottom: 25px;
	z-index: 9
}

#home_banner .slick-prev {
	left: 0px;
	background: #fff;
	z-index: 9;
	content: "點選輪播上一張圖"
}

#home_banner .slick-next {
	right: 0px;
	background: #fff;
	z-index: 9;
	content: "點選輪播下一張圖"
}

#home_banner .slick-prev::before {
	font-family: 'Glyphicons Halflings';
	color: var(--color5);
	font-size: 2rem;
	content: "\e257";
}

#home_banner .slick-next::before {
	font-family: 'Glyphicons Halflings';
	color: var(--color5);
	font-size: 2rem;
	content: "\e258";
}

#home_banner_xs {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#home_banner_xs img {
	display: block;
	width: 100%
}

#home_banner_xs .slick-dots {
	bottom: 25px;
	z-index: 9
}

#home_banner_xs .slick-prev {
	left: 0px;
	background: #fff;
	z-index: 9;
	content: "點選輪播上一張圖"
}

#home_banner_xs .slick-next {
	right: 0px;
	background: #fff;
	z-index: 9;
	content: "點選輪播下一張圖"
}

#home_banner_xs .slick-prev::before {
	font-family: 'Glyphicons Halflings';
	color: var(--color5);
	font-size: 2rem;
	content: "\e257";
}

#home_banner_xs .slick-next::before {
	font-family: 'Glyphicons Halflings';
	color: var(--color5);
	font-size: 2rem;
	content: "\e258";
}

/*Home Trend*/
#trend {
	padding: 0
}

#trend>div {
	padding: 0;
	float: left;
	margin: 0;
	width: 100%
}

#trend>div>div {
	height: 100%;
	padding: 20px 0 0;
	font-size: 2rem;
}

#trend>div>div h2 {
	line-height: 70px;
	font-weight: bold;
	color: #000;
	padding-left: 30px;
	margin-top: 0
}

#trend>div>div h2 img {
	width: 90px;
	margin-right: 20px;
}

#trend>div>div .text {
	display: block;
	color: #333;
	cursor: pointer;
	padding: 20px 30px;
	background: rgba(255, 255, 255, 0.3);
	margin-bottom: 0;
	font-size: 2.4rem;
	height: 380px;
}

#trend>div>div .text:hover {
	text-decoration: none;
}

#trend>div>div .publish_date {
	font-size: 1.6rem;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}

#trend>div>div .publish_date span {
	font-size: 1.6rem;
}

#trend>div>div .more {
	position: absolute;
	bottom: 15px;
	right: 22px;
}

#trend>div>div .more:hover {
	right: 8px
}

#trend>div>div:first-child {
	background: url("../images/trend_bg1.jpg") repeat-y;
	background-size: 100%;
}

#trend>div>div:nth-child(2) {
	background: url("../images/trend_bg2.jpg") repeat-y;
	background-size: 100%;
}

#trend>div>div:first-child .publish_date {
	color: #083a95
}

#trend>div>div:nth-child(2) .publish_date {
	color: var(--color5)
}

#trend .trend_label1 {
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: inline-block;
	padding: 5px;
	color: #fff;
	background: #369bd7;
	font-size: 1.3rem;
}

#trend .trend_label2 {
	position: absolute;
	bottom: 30px;
	left: 30px;
	display: inline-block;
	padding: 5px;
	color: #fff;
	background: #e95d2d;
	font-size: 1.3rem;
}

/*Home Video*/
#home_video {
	text-align: center;
	padding: 0;
	margin: 0;
	height: 650px;
	overflow: hidden;
	background: #fff
}

#home_video>div {
	padding: 0;
	margin: 0;
	height: 460px
}

#home_video>div>div {
	padding: 0 0 20px;
	margin: 0;
	height: 460px
}

#home_video>div>div .embed-responsive-16by9 {
	margin-bottom: 70px;
	overflow: visible;
}

#home_video>div>div iframe {
	width: 100%;
}

#home_video>div>div h4 {
	margin-bottom: 20px;
	padding-top: 35px;
}

#home_video>div>div p {
	font-size: 2.0rem;
}

#home_video>div>div .video_icon {
	position: absolute;
	width: 100%;
	bottom: -100px;
}

#home_video>div>div .video_icon img {
	width: 60px;
	margin-right: 15px;
}

#home_video>div>div .video_icon h4 {
	font-size: 2.8rem;
}

/*
#home_video>div>div .video_icon{ position: absolute; width:100px; bottom: -100px; left: 50%; margin-left: -50px; }
#home_video>div>div .video_icon img{ width:100%; display: block; }
*/
#home_video>div>div .more {
	bottom: 34px;
	right: 22px
}

#home_video>div>div .more:hover {
	right: 10px
}

#home_video>div>div:first-child {
	background: url("../images/trend_bg1.jpg") repeat-y;
	background-size: 100%
}

#home_video>div>div:nth-child(2) {
	background: url("../images/trend_bg2.jpg") repeat-y;
	background-size: 100%
}

#home_video>div>div:first-child h4 {
	color: #083a95
}

#home_video>div>div:nth-child(2) h4 {
	color: var(--color5);
}

/*Home News*/
#home_news {
	background: #f8fcfe;
	margin: 0;
	padding: 0;
	height: 650px;
	overflow: hidden;
}

#home_news ul {
	padding: 0 40px;
}

#home_news ul li {
	border-bottom: 1px dotted #666;
	padding: 10px
}

#home_news ul li a {
	color: #333;
	font-size: 1.8rem;
	display: block;
}

#home_news ul li a p.publish_date {
	color: #e95d2c;
	display: inline-block;
	margin: 0 10px 0 0
}

#home_news ul li:first-child {
	background: url("../images/dialogue.png") no-repeat center center;
	background-size: 100% 100%;
}

#home_news ul li:first-child a {
	text-align: center;
	font-size: 2.8rem;
	margin: 0;
}

#home_news ul li:first-child a p.publish_date {
	display: block;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 10px
}

#home_news ul li:nth-child(1), #home_news ul li:last-child {
	border: 0;
}

#home_news ul li:first-child {
	margin-bottom: 20px;
}

#home_news #home_news_menu {
	background: #e8f4fc;
	float: left;
	width: 100%;
	padding: 0px;
	position: absolute;
	bottom: 0;
	margin-bottom: 0
}

#home_news #home_news_menu li {
	width: 50%;
	float: left;
	border: 0;
	margin-bottom: 0;
	line-height: 40px;
	padding: 0
}

#home_news #home_news_menu li:first-child {
	background: none
}

#home_news #home_news_menu li.active {
	background: #f8fcfe
}

#home_news #home_news_menu li a {
	font-size: 2rem;
	color: #a1bbcc;
	margin: 0;
	text-align: center;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

#home_news #home_news_menu li.active a {
	color: #666
}

#home_news #home_news_menu li a img {
	position: relative;
	top: -2px;
	opacity: 0.8;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-left: 30px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

#home_news #home_news_menu li a:hover {
	text-decoration: none;
	color: #666
}

#home_news #home_news_menu li a:hover img {
	margin-left: 40px;
}

/*Award*/
#home_award {
	margin-bottom: 20px
}

#home_award h1 {
	line-height: 4em
}

#home_award .slick-list {
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}

#home_award #box_wrap .box {
	float: left;
	width: 268px !important;
	margin: 0 41px;
	color: #555
}

#home_award #box_wrap .box h3 {
	font-size: 1.8rem;
	color: #111
}

#home_award #box_wrap .box img {
	display: block;
	width: 100%;
	max-width: 268px;
	border: 1px solid #999
}

#home_award #box_wrap .box p {
	font-size: 1.4rem;
	line-height: 21px
}

#home_award #box_wrap .box p.reason {
	padding: 0px 15px;
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	width: 110px;
	color: #fff;
	background: url("../images/award_reason_bg.jpg") repeat-y;
}

#home_award #box_wrap .box ul {
	padding-left: 0;
	margin-bottom: 20px;
}

#home_award #box_wrap .box ul li {
	list-style: disc outside;
	margin-left: 20px
}

#home_award #box_wrap .slick-prev {
	left: 110px;
}

#home_award #box_wrap .slick-next {
	right: 110px;
}

#home_award #box_wrap .slick-prev::before {
	font-family: 'Glyphicons Halflings';
	color: #dbdbdc;
	font-size: 4rem;
	content: "\e257";
}

#home_award #box_wrap .slick-next::before {
	font-family: 'Glyphicons Halflings';
	color: #dbdbdc;
	font-size: 4rem;
	content: "\e258";
}

#home_award #box_wrap .box .read_more {
	color: #44baaf;
	width: 120px;
	margin: 0 auto;
	border-radius: 50px;
	border: 3px solid #44baaf;
	padding: 5px 0 5px 15px;
	display: block;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

#home_award #box_wrap .box .read_more span {
	margin-left: 20px
}

#home_award #box_wrap .box:hover .read_more {
	background: #44baaf;
	color: #fff;
	text-decoration: none;
}

/*Level4*/
#level_4 {
	background: #f8fcfe;
	padding: 40px 0
}

#level_4 .container {
	width: 1440px;
}

.banner ul {
	float: left;
	width: 100%;
	padding-left: 0
}

.banner ul li {
	float: left;
	width: 49%
}

.banner ul li a {
	display: block;
	position: relative;
	width: 100%;
}

.banner ul li a img {
	display: block;
	width: 100%
}

.banner ul li a p {
	position: absolute;
	bottom: -10px;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 2rem;
	line-height: 36px;
	height: 36px;
	padding-left: 10px
}

.banner ul li:first-child {
	margin-right: 2%
}

#home_link_banner {
	width: 600px;
	margin: 0 auto
}

#home_link_banner a {
	width: 180px;
	margin: 10px 15px
}

#home_link_banner a img {
	display: block;
	width: 180px;
	border: 1px solid #eee
}

.link h2 {
	text-align: center;
	margin-top: 10px
}

.link .slick-next {
	margin-top: 55px;
	right: 195px;
	z-index: 9
}

.link .slick-prev {
	margin-top: 55px;
	left: 195px;
	z-index: 9
}

.link .slick-prev::before {
	font-family: 'Glyphicons Halflings';
	color: #dbdbdc;
	font-size: 2rem;
	content: "\e257";
}

.link .slick-next::before {
	font-family: 'Glyphicons Halflings';
	color: #dbdbdc;
	font-size: 2rem;
	content: "\e258";
}

.link .slick-dots {
	bottom: -28px;
}

/*FOOTER*/
footer {
	position: relative;
	text-align: center;
	padding: 50px 0;
	border-top: 1px solid #ddd
}

footer input {
	height: 40px;
	line-height: 40px;
	border-radius: 0;
	padding: 0 20px;
	color: #999;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
	width: 300px;
	background: #efefef;
	border: 0
}

footer button {
	background: url("../images/button_bg.jpg") repeat-y;
	color: #fff;
	background-size: contain;
	border: none;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	margin-bottom: 30px;
}

footer .footer_logo {
	width: 615px;
	margin: 0 auto 30px
}

footer .footer_logo img {
	display: block;
	height: 40px;
	float: left;
	margin: 0 10px;
}

footer p {
	margin-bottom: 0;
	color: #616262;
	font-size: 1.2rem;
}

/*PAGE*/
.page_title {
	margin-top: 150px;
	padding-top: 50px;
	height: 400px;
}

.page_title h1 {
	color: #0f754b;
	font-weight: bolder;
	text-align: left
}

.page_menu {
	position: relative;
	width: 585px;
	padding: 0;
	margin: 0
}

.page_menu>li {
	width: 189px;
	margin-right: 9px;
	text-align: center;
	float: left;
	line-height: 52px;
	background: rgba(255, 255, 255, 0.6);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.page_menu>li:last-child {
	margin: 0
}

.page_menu>li a {
	color: #fff;
	display: block;
	line-height: 52px;
	height: 52px;
	font-size: 2rem;
}

.page_menu>li:hover, .page_menu>li:focus, .page_menu>li.on {
	background: #ededed
}

.page_menu>li.on {
	background: #fff
}

.page_menu>li:hover a, .page_menu>li:focus a {
	color: #777;
	text-decoration: none;
}

.page_menu>li.on a {
	color: #000;
	text-decoration: none;
}

.page_menu>li>ul {
	display: none;
	position: absolute;
	width: 585px;
	padding-top: 7px;
	padding-left: 0;
	bottom: -112px;
	left: 0
}

.page_menu>li:first-child ul {
	background: url("../images/menu_arrow.png") no-repeat 70px top;
	background-size: 45px;
}

.page_menu>li>ul>li {
	width: 198px;
	border-right: 9px solid #fff;
	background: #fff;
	float: left;
}

.page_menu>li>ul>li:last-child {
	border: 0
}

.page_menu>li ul.on_ul {
	display: block;
}

.page_menu>li ul li a {
	font-size: 1.6rem;
	color: #000;
}

.page_menu>li ul li:hover a, .page_menu>li ul.on_ul li:hover a {
	color: #5eba76;
}

.page_menu>li ul.on_ul li.on_ul_li {
	background: #5eba76;
}

.page_menu>li ul.on_ul li.on_ul_li a {
	color: #fff
}

.page_menu>li:first-child ul {
	background: url(../images/menu_arrow.png) no-repeat 72px top;
	background-size: 45px;
}

.page_menu>li:nth-child(2) ul {
	background: url(../images/menu_arrow.png) no-repeat 268px top;
	background-size: 45px;
}

.page_menu>li>ul>li:last-child {
	width: 189px;
}

.page_nav ul {
	padding: 0
}

.page_nav ul li {
	text-align: center;
	padding: 0;
	float: left;
}

.page_nav ul li a {
	color: #b2afab;
	font-size: 2rem;
	line-height: 60px;
	height: 60px;
	background: #ebedee;
	display: block;
}

.page_nav ul li.page_prev, .page_nav ul li.page_next {
	width: 20%
}

.page_nav ul li.page_number {
	width: 12%
}

.page_nav ul li:hover a {
	background: #e1e6e7;
	text-decoration: none;
}

.page_nav ul li.on a {
	background: #d1d7d8;
	color: #fff
}

#backpage_nav {
	/*margin-top: 150px;*/
	padding: 30px
}

#backpage_nav a {
	display: block;
	color: #999;
	font-size: 1.6rem;
}

#backpage_nav a span {
	top: 3px;
	margin-right: 5px
}

/*PAGE AWARD*/
#award_title {
	background: url("../images/title_bg.jpg") no-repeat center 150px fixed;
	background-size: 100%
}

#award_title h1 {
	color: #fff;
}

#award_list {
	margin-bottom: 20px
}

#award_list h2 {
	text-align: center;
	line-height: 4em;
	font-size: 3.6rem;
	margin-top: 10px
}

#award_list #box_wrap .box {
	color: #555;
	margin-bottom: 50px;
}

#award_list #box_wrap .box h3 {
	font-size: 1.8rem;
	color: #111
}

#award_list #box_wrap .box img {
	display: block;
	width: 100%;
	margin: 0 auto;
	max-width: 268px;
	border: 1px solid #999
}

#award_list #box_wrap .box p {
	font-size: 1.4rem;
	line-height: 21px
}

#award_list #box_wrap .box p.reason {
	padding: 0px 15px;
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	width: 110px;
	color: #fff;
	background: url("../images/award_reason_bg.jpg") repeat-y;
}

#award_list #box_wrap .box ul {
	padding-left: 0;
	margin-bottom: 20px;
}

#award_list #box_wrap .box ul li {
	list-style: disc outside;
	margin-left: 20px
}

#award_list #box_wrap .boxmax3line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

#award_list #box_wrap .box .read_more {
	color: #44baaf;
	width: 120px;
	margin: 0 auto;
	border-radius: 50px;
	border: 3px solid #44baaf;
	padding: 5px 0 5px 15px;
	display: block;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

#award_list #box_wrap .box .read_more span {
	margin-left: 20px
}

#award_list #box_wrap .box:hover .read_more {
	background: #44baaf;
	color: #fff;
	text-decoration: none;
}

#award_list .magzine_cato {
	padding: 10px 0
}

#award_list #box_wrap .mag_box {
	height: 540px;
}

#award_list #box_wrap .mag_box h3 {
	line-height: 26px;
}

#award_list #box_wrap .mag_box img {
	max-height: 364px;
}

#award_list #box_wrap .mag_box p {
	margin-bottom: 0
}

#award_list #box_wrap .mag_box p span {
	padding-right: 10px;
}

#award_list #box_wrap .mag_box .read_more {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -60px;
}

#award_list #box_wrap .box img.command3_img {
	margin-left: 0
}

#award_list3 {
	margin-bottom: 20px
}

#award_list3 h2 {
	text-align: center;
	line-height: 4em;
	font-size: 3.6rem;
	margin-top: 10px
}

#award_list3 #box_wrap .box {
	color: #555;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #999
}

#award_list3 #box_wrap .box h3 {
	font-size: 2.4rem;
	margin-bottom: 30px;
	color: #111
}

#award_list3 #box_wrap .box img {
	display: block;
	padding: 0;
	margin: 0;
	max-width: 268px;
	border: 1px solid #999
}

#award_list3 #box_wrap .box .commend_reason {
	padding-left: 30px;
}

#award_list3 #box_wrap .box p {
	font-size: 1.4rem;
	line-height: 21px
}

#award_list3 #box_wrap .box p.reason {
	padding: 0px 15px;
	height: 30px;
	line-height: 30px;
	width: 110px;
	color: #fff;
	background: url("../images/award_reason_bg.jpg") repeat-y;
}

#award_list3 #box_wrap .box p span.link {
	background: #aaa;
	padding: 2px 4px;
	margin-right: 10px;
	display: inline-block;
	font-size: 1.2rem;
	color: #fff
}

#award_list3 #box_wrap .box p a {
	color: #aaa;
}

/*PAGE NEWS*/
#news_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg4.jpg) fixed;
	background-size: 1920px;
}

#news_title h1 {
	color: #fff
}

#behind_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg5.jpg) fixed;
	background-size: 1920px;
}

#behind_title h1 {
	color: #fff
}

.news_box {
	padding: 20px;
	height: initial;
	position: relative;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.news_box h3 {
	color: var(--color5);
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
}

.news_box h5 {
	display: flex;
	flex-wrap: wrap;
	color: #666;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

.news_box h5 .view_count {
	color: #7da2c8;
	padding: 5px;
	margin-left: auto;
}

.news_box h5 .view_count span {
	color: #999;
	font-size: 1.3rem;
	margin-right: 5px;
}

.news_box .publish_date {
	color: var(--color5);
	font-size: 1.4rem;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.news_box .publish_date span {
	font-size: 1.4rem;
}

.news_box .read_more {
	position: absolute;
	right: 40px;
	bottom: 20px;
	color: #44baaf;
	width: 120px;
	border-radius: 50px;
	border: 3px solid #44baaf;
	padding: 5px 0 5px 15px;
	display: block;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.news_box .read_more span {
	margin-left: 20px
}

.news_box:hover .read_more {
	background: #44baaf;
	color: #fff;
	text-decoration: none;
}

.news_box:hover {
	background: #efefef;
}

.news_content_box {
	padding: 30px 60px;
	position: relative;
	border: 1px solid #ddd;
}

.news_content_box .news_topic {
	border-bottom: 1px dotted #eee;
	margin-bottom: 40px
}

.news_content_box h3 {
	color: var(--color5);
	font-size: 3rem;
	line-height: 1.6em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
	float: left;
	width: 820px;
}

.news_content_box h5 {
	color: #555;
	line-height: 2em
}

.news_content_box .publish_date {
	color: var(--color5);
	width: 220px;
	float: left;
	font-size: 1.6rem;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.news_content_box .publish_date span {
	font-size: 1.6rem;
}

.news_content_box .slick-dots {
	bottom: -20px
}

.news_content_box .news_img {
	float: left;
	width: 362px;
	height: 270px;
	clear: both;
	border: 1px solid #ddd;
	margin-bottom: 40px
}

.news_content_box .news_img img {
	display: block;
	width: 100%
}

.news_content_box .news_info {
	display: block;
	float: left;
	width: 600px;
	height: 270px;
	font-size: 1.6rem;
	line-height: 1.8em;
	margin-bottom: 40px
}

.news_content_box .news_info li {
	display: flex;
	color: #999;
	word-wrap: break-word;
	word-break: break-all;
	margin-bottom: 10px;
}

.news_content_box .news_info li span {
	display: inline-block;
	flex: 0 0 100px;
	width: 100px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

.news_content_box .news_info .industry_view {
	color: #7da2c8;
	padding: 5px 40px;
}

.news_content_box .news_info .industry_view span {
	color: #999;
	margin-right: 5px;
}

.news_content_box .news_detail {
	clear: both;
	padding-bottom: 30px;
}

.news_content_box .news_detail p {
	font-size: 1.6rem;
	line-height: 1.8em
}



.news_content_box .news_download {
	border-top: 1px solid #ddd;
	padding-top: 40px;
}

.news_content_box .news_download ul {
	padding-left: 0;
	line-height: 30px;
	font-size: 1.5rem;
	color: #888
}

.news_content_box .news_download ul li {
	margin-bottom: 10px;
}

.news_content_box .news_download ul li span {
	display: inline-block;
	width: 120px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

.news_content_box .news_download ul li a {
	color: #ee825c
}

.content_page_nav ul li.page_prev, .content_page_nav ul li.page_next {
	width: 50%
}

/*PAGE PLAN*/
#plan_title {
	height: 250px;
	margin-bottom: 20px;
	padding-top: 70px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg6.jpg) no-repeat center 90px fixed;
	background-size: 100%;
}

#plan_title h1 {
	color: #fff;
}

#plan_wrap {
	padding: 10px 50px 40px
}

#plan_wrap h3 {
	color: var(--color5)
}

#plan_wrap p {
	font-size: 1.6rem;
	line-height: 1.8em
}

/*PAGE COMMAND*/
#command_content .command_topic, #command_content2 .command_topic {
	border-bottom: 1px dotted #eee;
	margin-bottom: 40px
}

#command_content h3, #command_content2 h3 {
	color: #000;
	line-height: 1.6em;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	width: 820px;
	font-size: 3rem;
}

#command_content p.reason, #command_content2 p.reason {
	padding: 0px 15px;
	margin-top: 15px;
	height: 30px;
	line-height: 30px;
	width: 110px;
	color: #fff;
	background: url("../images/award_reason_bg.jpg") repeat-y;
}

.command_content_box {
	padding: 30px 60px;
	position: relative;
	border: 1px solid #ddd;
}

.command_content_box .command_img {
	float: left;
	width: 362px;
	height: 270px;
	clear: both;
	border: 1px solid #ddd;
	margin-bottom: 40px
}

.command_content_box .command_img img {
	display: block;
	width: 100%
}

.command_content_box .command_info {
	float: left;
	width: 640px;
	height: initial;
	font-size: 1.6rem;
	line-height: 1.8em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	margin-left: 40px
}

.command_content_box .command_info li {
	color: #999;
	margin-bottom: 10px;
}

.command_content_box .command_info span {
	display: inline-block;
	width: 120px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

#command_content .command_reason {
	float: left;
	width: 640px;
	margin-left: 40px;
}

#command_content .command_reason ul {
	padding-left: 0
}

#command_content .command_reason ul li {
	list-style: disc outside;
	margin-left: 20px;
	line-height: 1.8em;
	font-size: 1.6rem;
}

#command_content .command_reason .reason {
	width: 120px;
	font-size: 1.6rem;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background-size: 120px auto
}

.command_content_box .command_detail {
	clear: both;
	padding-bottom: 30px;
}

.command_content_box .command_detail p {
	font-size: 1.6rem;
	line-height: 1.8em
}

.command_content_box .command_contact {
	width: 100%;
}

.command_content_box .command_contact .command_contact_title {
	float: left;
	display: block;
	width: 120px;
	margin-right: 20px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

.command_content_box .command_contact .command_contact_info {
	float: left;
	line-height: 30px;
	padding-left: 0px;
}

.command_content_box .command_contact .command_contact_info li {
	float: left;
	border-right: 1px solid #ddd;
	padding: 0 10px;
	color: #ee825c
}

.command_content_box .command_contact .command_contact_info li:last-child {
	border: 0
}

#command_content2 .command_img {
	height: auto;
	margin: 0 0 20px;
	padding: 0
}

.command_content2_box {
	padding: 30px 60px;
	position: relative;
	border: 1px solid #ddd;
}

.command_content2_box .command_img img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.command_content2_box .command_img a {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #aaa;
	line-height: 30px;
	height: 30px;
}

.command_content2_box .command_detail {
	padding-left: 30px;
}

.command_content2_box .command_info {
	float: left;
	width: 100%;
	height: initial;
	font-size: 1.6rem;
	line-height: 1.8em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	margin-left: 0px
}

.command_content2_box .command_info li {
	color: #999;
	margin-bottom: 10px;
}

.command_content2_box .command_info span {
	display: inline-block;
	width: 120px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

.command_content2_box .command_detail p {
	font-size: 1.6rem;
	line-height: 1.8em
}

.command_content2_box .command_contact {
	width: 100%;
}

.command_content2_box .command_contact .command_contact_title {
	float: left;
	display: block;
	width: 120px;
	margin-right: 20px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

/*PAGE INDUSTRY*/
#industry_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg2.jpg) repeat-y fixed;
	background-size: 100%;
}

#industry2_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg3.jpg) repeat-y fixed;
	background-size: 100%
}

#industry_title h1, #industry2_title h1 {
	color: #fff
}

.industry_box {
	padding: 20px;
	height: auto;
	position: relative;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

.industry_box h3 {
	color: var(--color5);
	line-height: 1.5;
	font-weight: 600;
}

.industry_box h5 {
	display: block;
	width: 100%;
	color: #666;
	font-size: 1.6rem;
	line-height: 1;
	position: static;
	margin: 0;
}

.industry_box h5 span.glyphicon {
	color: #999;
	padding-right: 5px
}

.industry_box .publish_date {
	color: var(--color5);
	font-size: 1.6rem;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.industry_box .publish_date span {
	font-size: 1.6rem;
}

.industry_box .read_more {
	position: absolute;
	right: 30px;
	bottom: 20px;
	color: #44baaf;
	width: 120px;
	border-radius: 50px;
	border: 3px solid #44baaf;
	padding: 5px 0 5px 15px;
	display: block;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.industry_box .read_more span {
	margin-left: 20px
}

.industry_box:hover .read_more {
	background: #44baaf;
	color: #fff;
	text-decoration: none;
}

.industry_box .trend_label1 {
	display: inline-block;
	color: #fff;
	background: #369bd7;
	font-size: 1.3rem;
	padding: 5px;
	margin: 0;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 1;
}

.industry_box .trend_label1.grayblue {
	background: #67969c
}

.industry_box .trend_label2 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: inline-block;
	padding: 5px;
	color: #fff;
	background: var(--color5);
	font-size: 1.3rem;
}

.industry_box .trend_label2.orange {
	background: #e95d2d
}

.industry_box .trend_label2.yellow {
	background: #f9ca20
}

.industry_box .trend_label2.bluegreen {
	background: #27c1b8
}

.industry_box .trend_label2.yellowgreen {
	background: #87c00b
}

.industry_box .trend_label2.gold {
	background: #947b3f
}

.industry_box .trend_label2.red {
	background: #be4758
}

.industry_box p.view_count {
	position: absolute;
	right: 20px;
	top: 30px;
	padding: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	color: #7da2c8
}

.industry_box p.view_count span {
	display: inline-block;
	font-size: 1.3rem;
	color: #999;
	text-align: center;
	margin-right: 5px
}

#industry2_list .industry_box .publish_date {
	color: var(--color5);
}

#industry2_list .industry_box .read_more {
	color: #44baaf;
	border-color: #44baaf;
}

#industry2_list .industry_box:hover .read_more {
	background: #44baaf;
	color: #fff
}

.industry_content_box {
	padding: 30px 60px;
	position: relative;
	border: 1px solid #ddd;
}

.industry_content_box .industry_topic {
	border-bottom: 1px dotted #eee;
	margin-bottom: 40px
}

.industry_content_box h3 {
	display: block;
	float: none;
	color: var(--color5);
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 20px;
}

.industry_content_box h5 {
	color: #555;
	line-height: 2em
}

.industry_content_box .publish_date {
	color: var(--color5);
	width: 220px;
	float: left;
	font-size: 1.6rem;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.industry_content_box .publish_date span {
	font-size: 1.6rem;
}

.industry_content_box .industry_img {
	float: left;
	width: 362px;
	height: 270px;
	clear: both;
	border: 1px solid #ddd;
	margin-bottom: 40px
}

.industry_content_box .industry_img img {
	display: block;
	width: 100%
}

.industry_content_box .industry_info {
	float: left;
	width: 600px;
	height: 200px;
	font-size: 1.6rem;
	line-height: 1.8em;
	margin-bottom: 40px
}

.industry_content_box .industry_info li {
	color: #999;
	margin-bottom: 10px;
}

.industry_content_box .industry_info span {
	display: inline-block;
	width: 120px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

.industry_content_box .industry_view {
	color: #7da2c8;
	float: left;
	padding-left: 40px;
	width: 600px;
	font-size: 1.6rem;
	line-height: 1.8em;
	margin-bottom: 40px
}

.industry_content_box .industry_view span {
	color: #999;
	margin-right: 5px;
}

.industry_content_box .industry_detail {
	clear: both;
	padding-bottom: 30px;
}

.industry_content_box .industry_detail p {
	font-size: 1.6rem;
	line-height: 1.8em
}

.industry_content_box .industry_detail a {
	color: #999
}

.industry_content_box .industry_download {
	border-top: 1px solid #ddd;
	padding-top: 40px;
}

.industry_content_box .industry_download ul {
	padding-left: 0;
	line-height: 30px;
	font-size: 1.5rem;
	color: #888
}

.industry_content_box .industry_download ul li {
	margin-bottom: 10px;
}

.industry_content_box .industry_download ul li span {
	display: inline-block;
	width: 120px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background: #888;
	color: #fff
}

.industry_content_box .industry_download ul li a {
	color: #ee825c
}

.industry_share {
	margin-bottom: 30px
}

.industry_share ul {
	padding-left: 0
}

.industry_share ul li {
	float: left;
	margin-right: 15px;
}

/*PAGE SOURCE*/
#source_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg9.jpg) center 120px fixed;
	background-size: 100%
}

#source_title h1 {
	color: #fff
}

.source_box {
	padding: 20px;
	height: 300px;
	position: relative;
	border: 1px solid #ddd
}

.source_box h3 {
	color: #000;
	line-height: 1.6em;
	margin-top: 10px
}

.source_box h5 {
	color: #555;
	line-height: 2em;
	position: absolute;
	left: 20px;
	bottom: 100px;
}

.source_box .publish_date {
	color: var(--color5);
	font-size: 1.6rem;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.source_box .publish_date span {
	font-size: 3.6rem;
}

.source_box .read_more {
	position: absolute;
	margin-left: -60px;
	left: 50%;
	bottom: 20px;
	color: var(--color5);
	width: 120px;
	border-radius: 50px;
	border: 3px solid var(--color5);
	padding: 5px 0 5px 15px;
	display: block;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.source_box .read_more span {
	margin-left: 20px
}

.source_box:hover .read_more {
	background: var(--color5);
	color: #fff;
	text-decoration: none;
}

.source_box .source_download {
	width: 100%;
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	font-size: 1.6rem;
	text-align: center;
	padding: 0 10px;
	margin: 0;
	border-top: 1px dotted #eee;
}

.source_box .source_download span {
	display: block;
	line-height: 40px;
	height: 40px;
	letter-spacing: 0.3em;
	color: #aaa
}

.source_box .source_download a {
	display: block;
	width: 45%;
	line-height: 36px;
	height: 40px;
	float: left;
	margin: 0 2% 20px 3%;
	padding: 2px 5px;
	font-size: 1.6rem;
	font-weight: bolder;
	color: #749da5;
	background: url(../images/trend_bg1.jpg) repeat-y;
	background-size: 100% border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.source_box .source_download a.odf_link {
	margin: 0 3% 20px 2%;
	background-image: url(../images/trend_bg2.jpg)
}

.source_box .source_download a:hover {
	text-decoration: none;
	color: #fff;
	background: var(--color5);
}

.source_box .source_download span span.glyphicon {
	display: inline-block;
	top: 3px;
	letter-spacing: -3px;
}

/*QA*/
#qa_box_wrap {
	padding-bottom: 30px
}

#qa_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/trend_bg1.jpg) repeat-y;
	background-size: 100%
}

.qa_box {
	padding: 20px;
	height: initial;
	position: relative;
}

.qa_box h4 a {
	color: #000;
	line-height: 1.6em;
	margin-top: 10px;
	font-size: 2.4rem;
}

.qa_box h4 a span {
	margin-right: 10px;
	color: #44baaf
}

.qa_box .A {
	clear: both;
	color: #555;
	line-height: 1.8em;
	letter-spacing: 0.02em;
	font-size: 1.6rem;
	padding: 20px 40px;
}

#qa_box_wrap .panel-group .panel {
	box-shadow: none
}

#qa_box_wrap .collapse.in {
	background: #f8fcfe;
}

#qa_box_wrap .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
	border: none
}

/*PAGE VIDEO*/
#video_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/title_bg8.jpg) fixed center 90px;
	background-size: 100%
}

#video_title h1 {
	color: #fff
}

.video_box {
	padding: 20px;
	height: initial;
	position: relative;
	border: 1px solid #ddd
}

.video_box h3 {
	display: -webkit-box;
	height: 60px;
	color: var(--color5);
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 0 10px;
}

#video_box_wrap {
	margin-bottom: 40px;
}

#video_box_wrap h2 {
	clear: both;
	text-align: center;
	line-height: 3em;
	font-size: 2.4rem;
	margin-top: 0px
}

.video_box h5 {
	color: #555;
	line-height: 2em;
	position: absolute;
	left: 20px;
	bottom: 100px;
}

.video_box p {
	display: none;
	font-size: 1.4rem;
	color: #888
}

.video_box .publish_date {
	color: var(--color5);
	font-size: 1.6rem;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.video_box .publish_date span {
	font-size: 1.6rem;
}

.video_box .source_download {
	width: 100%;
	position: relative;
	display: block;
	font-size: 1.6rem;
	text-align: center;
	padding: 0 10px;
	margin: 0;
	border-top: 1px dotted #eee;
}

.video_box .source_download span {
	display: block;
	line-height: 40px;
	height: 40px;
	letter-spacing: 0.3em;
	color: #aaa
}

.video_box .source_download span span.glyphicon {
	display: inline-block;
	top: 3px;
	letter-spacing: -3px;
}

.video_box .source_download a {
	display: block;
	width: 45%;
	line-height: 36px;
	height: 40px;
	float: left;
	margin: 0 2% 10px 3%;
	padding: 2px 5px;
	font-size: 1.6rem;
	font-weight: bolder;
	color: #749da5;
	background: url(../images/trend_bg1.jpg) repeat-y;
	background-size: 100% border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.video_box .source_download a.ptt_link {
	margin: 0 3% 10px 2%;
	background-image: url(../images/trend_bg2.jpg)
}

.video_box .source_download a:hover {
	text-decoration: none;
	color: #fff;
	background: rgba(31, 146, 67, 0.8);
}

#video_year {
	border: 1px solid #ccc;
	height: 40px;
	width: 150px;
	border-radius: 60px;
	background: #fff
}

#video_box_wrap .dropdown-menu {
	width: 150px;
	min-width: 150px;
	padding: 0;
	border-radius: 10px;
}

#video_box_wrap .open>.dropdown-menu {
	box-shadow: none
}

#video_box_wrap .dropdown-menu>li {
	line-height: 40px;
	height: 40px;
	border-bottom: 1px dotted #cecece
}

#video_box_wrap .dropdown-menu>li>a {
	font-size: 1.5rem;
	text-align: center;
	line-height: 35px;
	height: 39px;
}

#video_box_wrap .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: var(--color5);
	background: #ededed
}

#video_box_wrap .grid-sizer {
	width: 33.3%
}

#video_box_wrap .grid-item p {
	display: block;
}

#video_box_wrap .grid-item {
	width: 33.3%;
	float: left;
}

#video_box_wrap .grid-item h3 {
	height: initial
}

#video_box_wrap .grid-item h5 {
	position: relative;
	bottom: inherit;
	left: initial;
}

#video_box_wrap .grid-item h5 span {
	margin-right: 5px;
}

/*MAP*/
#map_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/trend_bg1.jpg) repeat-y;
	background-size: 100%
}

#map_container p {
	font-size: 1.5rem;
	line-height: 1.6em
}

#map_container .operation {
	width: 49%;
	padding: 20px 20px 20px 30px;
	margin: 0 1% 1% 0;
	border: 1px solid #eee
}

#map_container .operation2 {
	width: 50%;
	padding: 20px 20px 20px 30px;
	margin: 0 0 1% 0;
	border: 1px solid #eee
}

#map_container .operation li, #map_container .operation2 li {
	margin-left: 10px;
	font-size: 1.5rem;
	list-style: disc outside;
	line-height: 1.6em
}

#map_container .guide {
	border-top: 1px solid #eee;
	padding-top: 30px;
}

#map_container .guide .tip {
	color: #ee825c;
	margin-bottom: 0
}

#map_container .guide ul {
	padding: 0;
	margin: 0;
	padding-right: 20px;
}

#map_container .guide .guide_detail {
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: 1px dotted #ccc
}

#map_container .guide .guide_detail .guide_group {
	margin: 0;
	padding: 0;
}

#map_container .guide .guide_detail .guide_group h4 {
	font-size: 2rem;
	color: #ee825c;
}

#map_container .guide .guide_detail .guide_group>ul {
	margin: 0;
	padding: 0
}

#map_container .guide .guide_detail .guide_group>ul>li {
	padding: 0;
	float: left;
	margin: 0 20px 0 0;
	line-height: 30px;
	font-size: 1.5rem;
}

#map_container .guide .guide_detail .guide_group>ul>li>ul>li {
	line-height: 30px;
	font-size: 1.5rem;
}

#map_container .guide .guide_detail .guide_group>ul>li>ul>li>a {
	color: #aaa
}

#map_container .guide ul li a {
	display: block;
	color: #000;
}

#map_container .guide .guide_detail h4 a {
	font-size: 2rem;
	color: #ee825c;
}

/*Member*/
#signup_title {
	height: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	/*background-size: auto 430px;*/
	background: url(../images/trend_bg1.jpg) repeat-y;
	background-size: 100%
}

#signup_wrap form {
	width: 80%;
	margin: 0 auto
}

#signup_wrap form label {
	font-size: 1.6rem;
}

#signup_wrap form h4 {
	font-size: 2rem;
	color: var(--color5);
	text-align: left;
	padding-left: 15px;
	clear: both;
	line-height: 3.5em;
	margin: 0 auto
}

#signup_wrap form .input_form {
	line-height: 40px;
	font-size: 1.4rem;
}

#signup_wrap form input, #signup_wrap form textarea {
	border: 1px solid #ddd;
	line-height: 40px;
	font-size: 1.5rem;
	height: 40px;
}

#signup_wrap form .basic_info {
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 30px
}

#signup_wrap form .basic_info input {
	width: 100%;
	float: left;
}

#signup_wrap form input#inputAccount {
	width: 100%
}

#signup_wrap form input.radio {
	height: 30px;
	line-height: 17px
}

#signup_wrap .radio-inline, .checkbox-inline {
	font-size: 1.5rem;
	line-height: 40px;
	margin-right: 10px;
	margin-left: 0
}

#signup_wrap input#othertype {
	width: 150px;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	border: 1px solid #ddd;
	font-size: 1.3rem;
	position: relative;
	top: -2px;
}

#signup_wrap form .company_info {
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 30px
}

#signup_wrap form .work_state {
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 30px
}

#signup_wrap form .work_state input {
	display: inline-block;
	margin-right: 10px
}

#signup_wrap form #inputMemo {
	height: 200px;
}

#signup_wrap form .checkbox {
	height: 40px;
	line-height: 40px;
}

#signup_wrap form .checkbox input {
	display: inline-block;
	height: 30px;
	line-height: 40px;
	font-size: 1.6rem;
}

#signup_wrap form .checkbox label {
	font-size: 1.6rem;
	color: #ee825c;
}

#signup_wrap form #terms {
	padding: 0 15px;
	font-size: 1.5rem;
}

#signup_wrap form #terms ol {
	padding-left: 0;
}

#signup_wrap form #terms ol li {
	line-height: 1.8em;
	margin-bottom: 8px;
	list-style: decimal outside;
	margin-left: 20px;
	font-size: 1.5rem;
}

#signup_wrap button {
	width: 30%;
	min-width: 130px;
	max-width: 200px;
	font-size: 2rem;
	line-height: 50px;
	height: 50px;
	padding: 0;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	background: url("../images/button_bg.jpg") repeat-y;
	margin: 20px auto 80px;
	display: block;
	float: none;
}

#signup_wrap form .input_form span {
	line-height: 1.4em;
	color: #999;
	display: block;
	padding-top: 10px;
	clear: both;
}

#signup_wrap form .input_form span.glyphicon {
	padding-top: 0;
	display: inline-block;
	font-size: 1rem;
	padding-right: 5px
}

#signup_wrap form .input_form #inputScale {
	width: 300px;
}

#signup_wrap form .input_form .Scale_uni_title {
	width: 50px;
	display: inline-block;
}

#signup_wrap form .input_form #inputScaleUni {
	width: 80px;
}

/*MODAL*/
.modal-open .modal {
	background: rgba(40, 40, 40, 0.7);
	z-index: 10000
}

.modal-dialog {
	margin-top: 5%;
}

.modal-content {
	padding-bottom: 0px;
	box-shadow: none;
	color: #fff
}

#search_modal .modal-content {
	padding-bottom: 50px
}

.modal-content label {
	margin-bottom: 25px;
	font-weight: normal;
	letter-spacing: 0.22em
}

.modal-title {
	text-align: center;
}

.modal-header {
	padding: 0 15px 0
}

.modal-header, .modal-footer {
	border: 0
}

.modal-content {
	border: 0;
	border-radius: 0;
	box-shadow: none
}

.modal-body {
	text-align: center;
	font-size: 3rem;
}

#modalContainer button.btn, #modalContainer .modal-footer .btn+.btn {
	width: 40%;
	font-size: 2rem;
	line-height: 50px;
	height: 50px;
	padding: 0;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	text-shadow: none
}

.modal-content input, .modal-content textarea {
	background: #efefef;
	padding-left: 20px;
}

.form-control {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	line-height: 50px;
	height: 50px;
	font-size: 3rem;
}

#modalContainer .modal-header .close {
	margin-top: 0;
	color: #000;
	text-shadow: none;
	opacity: 0.5
}

#modalContainer .modal-header .close span {
	display: block;
	text-shadow: none;
	font-weight: lighter;
	font-size: 4rem;
}

.modal-header h4 {
	color: #999;
	text-align: center;
	margin-top: 40px;
	font-size: 2.4rem;
}

/*SEARCH*/
#modalContainer .btn-primary {
	background: url("../images/button_bg.jpg") repeat-y;
	margin: 0 auto;
	display: block;
	float: none;
}

#search_input {
	width: 80%;
	margin: 0 auto
}

/*LOGIN*/
#modalContainer .login_title, #modalContainer .contact_title {
	font-size: 2rem;
	margin: 0 auto 10px;
	float: left;
	width: 30%;
	display: block;
	text-align: center;
}

#modalContainer .logininput_wrap {
	margin-bottom: 30px;
}

#inputAccount, #inputPassword {
	margin: 0 auto;
	display: block;
}

#modalContainer button.btn-warning {
	font-size: 1.6rem;
	background: transparent;
	color: #999
}

#modalContainer button.btn-warning span {
	top: 2px;
	margin-right: 5px;
}

#modalContainer button.btn-warning:hover {
	text-decoration: underline;
}

#modalContainer button.btn-info {
	background: #aaa;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

#modalContainer button.btn-info:hover {
	background: #ee825c;
}

#modalContainer .control-label {
	font-size: 2rem;
	color: #000;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

#modalContainer .radio-inline {
	font-size: 2rem;
	float: left;
	color: #999
}

#modalContainer .input_form {
	width: 60%;
	float: left;
}

#modalContainer .input_form.code_input {
	width: 46%;
	float: left;
}

#modalContainer .code_tip {
	width: 20%;
	float: left;
	color: #555
}

#modalContainer .code_tip .glyphicon {
	top: 5px;
	font-size: 2.6rem;
}

/* 輔導業者/輔導影片頁籤 */
.tabbable-line {
	width: 322px;
	margin: 0 auto;
	font-size: 2.2rem;
	font-weight: 600;
}

.tabbable-line .nav-tabs {
	border: 0;
}

.tabbable-line .nav-tabs li:first-child {
	border-right: 1px solid #666;
}

.tabbable-line .nav-tabs a {
	color: #999;
}

.tabbable-line .nav-tabs .active a {
	color: #666;
}


@media (max-width: 1810px) {

	/*Home News*/
	#home_news ul li:first-child a {
		font-size: 2.6rem;
	}
}

@media (max-width: 1750px) {

	/*Home News*/
	#home_news ul li:first-child a {
		font-size: 2.4rem;
	}
}

@media (max-width: 1680px) {

	/*PUBLISH DATE*/
	.industry_content_box .publish_date, .industry_box .publish_date, .news_box .publish_date, .video_box .publish_date, .source_box .publish_date, .news_content_box .publish_date {
		font-size: 1.4rem;
	}

	.industry_content_box .publish_date span, .industry_box .publish_date span, .news_box .publish_date span, .video_box .publish_date span, .source_box .publish_date span, .news_content_box .publish_date span {
		font-size: 3rem;
	}

	/*Home News*/
	#home_news ul {
		padding: 0 30px
	}

	/*Home Trend*/
	#trend>div>div h2 img {
		width: 80px;
		margin-right: 10px;
	}

	/*Home Video*/
	#home_video, #home_news {
		height: 600px;
	}

	#home_video>div, #home_video>div>div {
		height: 530px
	}

	/*Home Award*/
	#home_award #box_wrap .slick-prev {
		left: 80px;
	}

	#home_award #box_wrap .slick-next {
		right: 80px;
	}
}


@media (max-width: 1600px) {

	/*Font Style*/
	h2 {
		font-size: 2.4rem;
	}

	h4 {
		font-size: 1.6rem;
	}

	h3 {
		font-size: 2rem;
	}

	h5 {}

	h6 {}

	/*Header*/
	#logo {
		top: 25px;
		left: 40px
	}

	/*Home Trend*/
	#trend>div>div {
		padding: 10px 0 0;
		font-size: 2rem;
	}

	#trend>div>div h2 img {
		width: 60px;
		margin-right: 20px;
	}

	#trend>div>div .text {
		font-size: 2.1rem;
	}

	#trend>div>div .publish_date {
		font-size: 1.6rem;
	}

	#trend>div>div .publish_date span {
		font-size: 3rem;
	}

	/*Home Video*/
	#home_video {
		height: 540px;
	}

	#home_video>div {
		height: 460px
	}

	#home_video>div>div {
		height: 400px
	}

	#home_video>div>div p {
		font-size: 2rem;
	}

	/* #home_video>div>div .video_icon{ width: 80px;  margin-left: -40px; bottom: -80px; } */
	#home_video>div>div .more {
		bottom: 15px;
	}

	/*Home News*/
	#home_news {
		height: 540px;
	}

	#home_news ul {
		padding: 0 30px;
	}

	#home_news ul li {
		padding: 8px 0
	}

	#home_news ul li a {
		font-size: 1.7rem;
	}

	#home_news ul li:first-child {
		margin-bottom: 0
	}

	#home_news ul li:first-child a {
		font-size: 2rem;
		margin: 0 10px
	}

	#home_news #home_news_menu {
		width: 100%;
	}

	/*Award*/
	#home_award .slick-list {
		width: 1250px;
	}

	#home_award #box_wrap .box {
		margin: 0 22.5px;
	}

	#home_award #box_wrap .box h3 {
		font-size: 1.8rem;
	}

	#home_award #box_wrap .slick-prev {
		left: 60px;
	}

	#home_award #box_wrap .slick-next {
		right: 60px;
	}

	/*Level4*/
	#level_4 .container {
		width: 1250px;
	}

	#home_link_banner {
		width: 600px;
	}

	#home_link_banner a {
		width: 180px;
		margin: 10px
	}

	/*PAGE*/
	.page_title {
		padding-top: 30px;
		height: 335px;
	}

	#award_list #box_wrap .box ul li {
		margin-left: 18px
	}
}

@media (max-width: 1440px) {

	/*Font Style*/
	h1 {
		font-size: 3rem;
		line-height: 3em
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h5 {
		font-size: 1.4rem;
	}

	h6 {}

	/*Header*/
	#logo {
		top: 25px;
		left: 40px
	}

	/*Header*/
	header {
		height: 120px
	}

	#logo {
		top: 18px;
		left: 32px;
		width: 290px;
	}

	#logo img {
		width: 100%
	}

	#search_icon {
		height: 40px;
		width: 40px;
	}

	#search_icon .glyphicon {
		font-size: 2.2rem;
		top: 8px;
		left: 8px;
		color: #fff;
	}

	/*NAV*/
	.menu {
		width: 660px;
		height: 80px;
		line-height: 80px;
		top: 40px;
	}

	.menu ul li a {
		font-size: 1.6rem;
		height: 60px;
		line-height: 60px
	}

	.menu ul li ul.dropdown-menu {
		left: -14px;
	}

	.menu ul li ul li {
		line-height: 50px;
		height: 50px
	}

	.menu ul li ul li a {
		font-size: 1.6rem;
		line-height: 46px;
		height: 50px
	}

	.submenu {
		width: 210px;
		height: 40px;
		right: 40px;
	}

	.submenu ul li a {
		font-size: 1.2rem;
		height: 40px;
		line-height: 40px
	}

	.submenu ul li a img {
		width: 24px;
		top: -2px;
		margin-right: 2px
	}

	/*Level_1*/
	#level_1 {
		margin-top: 120px;
	}

	.home_topic {
		font-size: 3rem;
		line-height: 3em
	}

	/*Home Trend*/
	#trend>div>div {
		padding: 10px 0 0;
		font-size: 2rem;
	}

	#trend>div>div h2 img {
		width: 60px;
		margin-right: 20px;
	}

	#trend>div>div .text {
		font-size: 1.6rem;
	}

	#trend>div>div .publish_date {
		font-size: 1.6rem;
	}

	#trend>div>div .publish_date span {
		font-size: 2.6rem;
	}

	/*Award
	#home_award .slick-list{ width: 1168px; }
	#home_award #box_wrap .box{ margin:0 12px; }
	#home_award #box_wrap .slick-prev{ left: 40px; }
	#home_award #box_wrap .slick-next{ right: 40px; }*/
	/*Award*/
	#home_award .slick-list {
		width: 954px;
	}

	#home_award #box_wrap .box {
		margin: 0 25px;
	}

	#home_award #box_wrap .slick-prev {
		left: 7%;
	}

	#home_award #box_wrap .slick-next {
		right: 7%;
	}

	/*Home News*/
	#home_news ul {
		padding: 0 40px
	}

	#home_news ul li {
		padding: 14px 0
	}

	#home_news ul li a {
		font-size: 1.4rem;
	}

	#home_news ul li:first-child {
		padding: 0
	}

	#home_news ul li:first-child a {
		padding-bottom: 12px
	}

	#home_news #home_news_menu li:first-child a {
		padding: 0
	}

	/*Home Video*/
	/*#home_video>div>div .video_icon{ width: 80px;margin-left: -40px; bottom: -80px;}*/
	#home_video>div>div .more {
		bottom: 35px
	}

	/*Level4*/
	#level_4 .container {
		width: 1250px;
	}

	#home_link_banner {
		width: 570px;
	}

	#home_link_banner a {
		width: 180px;
		margin: 10px
	}

	/*PAGE*/
	.page_title {
		padding-top: 25px;
		height: 300px;
		margin-top: 120px;
	}

	/*PAGE NEWS*/
	#industry_title, #industry2_title, #plan_title, #news_title, #behind_title, #source_title, #video_title, #map_title, #signup_title, #qa_title {
		height: 120px;
		margin-bottom: 20px;
		padding-top: 20px;
		background-size: 100%;
		background-position: center 120px;
	}

	/*PAGE NEWS*/
	.news_box {
		padding: 15px;
	}

	.news_box h3 {
		font-size: 2rem;
		margin: 0 0 10px;
	}

	.news_box h5 {
		margin-bottom: 0
	}

	.news_box .read_more {
		bottom: 15px;
	}

	/*PAGE VIDEO*/
	.video_box h3 {
		font-size: 1.8rem;
		height: 55px;
	}

	/*PUBLISH DATE*/
	.industry_content_box .publish_date, .industry_box .publish_date, .news_box .publish_date, .video_box .publish_date, .source_box .publish_date, .news_content_box .publish_date {
		font-size: 1.4rem;
	}

	.industry_content_box .publish_date span, .industry_box .publish_date span, .news_box .publish_date span, .video_box .publish_date span, .source_box .publish_date span, .news_content_box .publish_date span {
		font-size: 2.6rem;
	}

}

@media (max-width: 1366px) {

	/*Header*/
	#logo {
		top: 25px;
		left: 40px
	}

	/*Home Trend*/
	#trend>div>div {
		font-size: 2rem;
	}

	#trend>div>div h2 {
		line-height: 50px;
	}

	#trend>div>div h2 img {
		width: 60px;
	}

	#trend>div>div .text {
		height: 260px;
	}

	#trend>div>div .publish_date {
		font-size: 1.4rem;
	}

	#trend>div>div .publish_date span {
		font-size: 2.3rem;
	}

	#trend .trend_label1, #trend .trend_label2 {
		bottom: 20px
	}

	/*Home Video*/
	#home_video {
		height: 500px;
	}

	#home_video>div {
		height: 420px
	}

	#home_video>div>div {
		height: 420px padding: 14px 0
	}

	#home_video>div>div h4 {
		margin-bottom: 10px
	}

	#home_video>div>div .more {
		bottom: 45px
	}

	/*Award
	#home_award .slick-list{ width: 1170px; }
	#home_award #box_wrap .box{ margin: 0 12.25px }
	#home_award #box_wrap .slick-prev{ left: 1%; }
	#home_award #box_wrap .slick-next{ right: 1%; }*/
	/*Home News*/
	#home_news {
		height: 500px;
	}

	#home_news ul {
		padding: 0 30px
	}

	#home_news ul li {
		padding: 10px 0
	}

	#home_news ul li:first-child a {
		font-size: 1.8rem;
	}

	/*PAGE*/
	.page_title {
		padding-top: 20px;
		height: 290px;
	}

	.page_nav ul li a {
		line-height: 50px;
		height: 50px;
	}

	/*PAGE NEWS*/
	#industry_title, #industry2_title, #plan_title, #news_title, #behind_title, #source_title, #video_title, #map_title, #signup_title, #qa_title {
		height: 120px;
		margin-bottom: 20px;
		padding-top: 30px;
		background-size: 100%;
		background-position: center 120px;
	}
}


@media (max-width: 1280px) {
	.more {
		width: 30px;
		height: 30px;
	}

	/*Font Style*/
	h3 {}

	h5 {}

	h6 {}

	/*Header*/
	#logo {
		top: 20px;
		left: 40px
	}

	/*Home Trend*/
	#trend>div>div h2 {
		margin-bottom: 5px
	}

	#trend>div>div h2 img {
		width: 60px;
		margin-right: 10px
	}

	#trend>div>div .text {
		height: 260px;
	}

	#trend>div>div .publish_date {
		font-size: 1.4rem;
	}

	#trend>div>div .publish_date span {
		font-size: 2.3rem;
	}

	#trend .trend_label1, #trend .trend_label2 {
		bottom: 20px
	}

	/*Home Video*/
	#home_video {
		height: 480px;
	}

	#home_video>div {
		height: 410px
	}

	#home_video>div>div {
		height: 370px
	}

	#home_video>div>div .embed-responsive-16by9 {
		margin-bottom: 60px;
	}

	/*#home_video>div>div .video_icon {  width: 60px;  margin-left: -30px;  bottom: -70px;}*/
	#home_video>div>div .video_icon {
		bottom: -80px;
	}

	/*Award*/
	#home_award .slick-list {
		width: 924px;
	}

	#home_award #box_wrap .box {
		margin: 0 20px;
	}

	#home_award #box_wrap .slick-prev {
		left: 50px;
	}

	#home_award #box_wrap .slick-next {
		right: 50px;
	}

	/*Home News*/
	#home_news {
		height: 480px;
	}

	#home_news ul {
		padding: 0 30px
	}

	#home_news ul li {
		padding: 9px 0
	}

	#home_news ul li a {
		font-size: 1.4rem;
	}

	#home_news ul li:first-child a {
		font-size: 1.6rem;
	}

	#home_news #home_news_menu li a {
		font-size: 1.5rem;
	}

	#home_news #home_news_menu li a img {
		width: 30px;
		height: 30px;
	}

	/*Level4*/
	#level_4 .container {
		width: 1170px;
	}

	/*PAGE*/
	.page_title {
		height: 280px;
		margin-top: 120px;
		background-size: 100%;
	}

	.page_nav ul li a {
		font-size: 1.8rem;
	}

	#backpage_nav {
		margin-top: 120px;
		padding: 30px;
	}

	#industry_title, #industry2_title, #plan_title, #news_title, #behind_title, #source_title, #video_title, #map_title, #signup_title, #qa_title {
		padding-top: 15px;
	}

	/*PAGE AWARD*/
	#award_title {
		background: url(../images/title_bg.jpg) no-repeat center 120px fixed;
		background-size: 1280px;
	}

	#award_list h2 {
		line-height: 3.3em;
		font-size: 2.8rem;
	}

	#award2_title {
		background: url(../images/title_bg7.jpg) no-repeat center 120px fixed;
		background-size: 1280px;
	}

	#award2_list h2 {
		line-height: 3.3em;
		font-size: 2.8rem;
	}

	#award3_title {
		background: url(../images/title_bg8.jpg) no-repeat center 120px fixed;
		background-size: 1280px;
	}

	#award3_list h2 {
		line-height: 3.3em;
		font-size: 2.8rem;
	}
}

@media (max-width: 1024px) {

	/*Font Style*/
	h1 {
		font-size: 3rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 2rem;
	}

	h5 {}

	h6 {}

	/*LEVEL 1*/
	.home_topic {
		font-size: 3rem;
	}

	/*Home Trend*/
	#trend {
		height: initial;
	}

	#trend>div>div h2 {
		margin-bottom: 5px
	}

	#trend>div>div h2 img {
		width: 60px;
		margin-right: 10px
	}

	#trend>div>div .text {
		font-size: 2rem;
		height: 150px;
		padding-bottom: 30px
	}

	#trend>div>div .publish_date {
		font-size: 1.6rem;
		display: block;
		float: left;
		margin-right: 40px;
	}

	#trend>div>div .publish_date span {
		font-size: 2.6rem;
	}

	#trend .trend_label1, #trend .trend_label2 {
		bottom: 20px;
		left: 160px
	}

	/*Home Video*/
	#home_video, #home_news {
		height: initial;
	}

	#home_video>div, #home_video>div>div {
		height: initial;
	}

	/*Award*/
	#home_award .slick-list {
		width: 656px;
	}

	#home_award #box_wrap .box {
		margin: 0 30px;
	}

	#home_award #box_wrap .box h3 {
		font-size: 2rem;
		margin-bottom: 5px;
	}

	#home_award #box_wrap .box p {
		font-size: 1.5rem;
		line-height: 25px;
	}

	#home_award #box_wrap .box ul li {
		font-size: 1.4rem;
	}

	#home_award #box_wrap .slick-prev {
		left: 8%;
	}

	#home_award #box_wrap .slick-next {
		right: 8%;
	}

	/*Home News*/
	#home_news {
		height: initial;
		padding-bottom: 80px;
		padding-top: 40px
	}

	#home_news ul {
		padding: 0 30px;
		width: 710px;
		margin: 0 auto
	}

	#home_news ul li a {
		font-size: 1.6rem;
		text-align: center;
	}

	#home_news ul li:first-child a {
		font-size: 2.2rem;
		padding: 30px
	}

	#home_news #home_news_menu li a {
		font-size: 1.6rem;
	}

	#home_news #home_news_menu li a img {
		width: 30px;
		height: 30px;
	}

	/*Level4*/
	#level_4 .container {
		width: initial;
	}

	.banner ul {
		width: 656px;
		margin: 0 auto;
		float: none;
	}

	.banner ul li {
		width: 288px;
		margin: 0 20px !important;
	}

	.link {
		margin: 30px auto 50px;
	}

	#home_link_banner {
		width: 660px;
	}

	#home_link_banner a {
		margin: 10px 20px
	}

	.link .slick-next {
		right: 225px;
	}

	.link .slick-prev {
		left: 225px;
	}

	/*PAGE*/
	.page_title {
		height: 280px;
		padding-left: 50px;
		background-size: 100
	}

	.page_title .container {
		width: 940px;
	}

	.page_nav ul li a {
		font-size: 1.8rem;
	}

	/*PAGE AWARD*/
	#award_title {
		background: url(../images/title_bg.jpg) no-repeat center top;
		background-size: 1364px;
	}

	#award_list h2, #award_list3 h2 {
		line-height: 3.3em;
		font-size: 2.8rem;
	}

	/*PAGE TITLE*/
	#industry_title, #industry2_title, #news_title, #behind_title, #source_title, #video_title {
		padding-left: 0;
		height: 120px;
		padding-top: 20px;
		margin-bottom: 20px;
		background-attachment: initial;
		background-repeat: no-repeat;
		background-position: center -30px;
	}

	#map_title, #qa_title, #signup_title {
		padding-left: 0;
		height: 120px;
		padding-top: 20px;
		margin-bottom: 20px;
	}

	#plan_title {
		padding-left: 0;
		height: 120px;
		margin-bottom: 10px;
		padding-top: 20px;
	}

	.page_title h1 {
		text-align: center;
	}

	/*PAGE NEWS*/
	.news_box {
		margin-bottom: 0
	}

	.news_box .read_more {
		position: absolute;
		bottom: 20px;
	}

	.news_content_box .news_info {
		width: 480px;
	}

	.news_content_box h3 {
		width: 100%;
	}

	/*PAGE COMMAND*/
	#command_content h3, #command_content2 h3 {
		width: 100%
	}

	.command_content_box .command_info, #command_content .command_reason {
		width: 430px
	}

	.command_content_box .command_info {
		margin-bottom: 0
	}

	#award_list .magzine_cato {
		padding: 0 0 20px;
		text-align: center
	}

	#award_list #box_wrap .mag_box h3, #award_list #box_wrap .box p {
		width: initial;
	}

	/*PAGE INDUSTRY*/
	.industry_content_box .industry_info {
		width: 480px;
	}

	.industry_content_box h3 {
		width: 100%;
	}

	.industry_content_box .industry_view {
		padding-left: 40px;
		width: 480px;
		font-size: 1.6rem;
		margin-bottom: 40px
	}

	.industry_content_box .industry_view span {
		margin-right: 5px;
	}

	/*PAGE VIDEO*/
	.video_box h3 {
		font-size: 2rem;
	}

	#video_box_wrap .grid-sizer, #video_box_wrap .grid-item {
		width: 50%
	}

	/*MAP*/
	#map_info {
		padding: 30px 60px
	}

	#map_container .operation, #map_container .operation2 {
		width: 100%
	}

	#map_container .guide ul {
		padding: 0;
	}

	#map_container .guide .guide_detail {
		border: 0
	}

	#map_container .guide .guide_detail .guide_group {
		border-bottom: 1px dotted #ccc;
		padding: 10px 0
	}

	/*QA*/
	.qa_box {
		margin-bottom: 0;
		padding: 0 20px 20px
	}

	.qa_box h4 a {
		font-size: 2rem;
	}

	.qa_box .A {
		color: #555;
		padding: 20px 30px;
	}

}

@media (max-width: 991px) {

	/*Header*/
	#logo {
		width: 200px;
		top: 28px;
		left: 25px;
	}

	/*NAV*/
	.submenu.visible-md {
		display: block !important;
		width: 190px;
	}

	.submenu ul {
		padding-left: 20px
	}

	.submenu ul li {
		width: 50%
	}

	.menu.visible-md {
		display: block !important;
		width: 540px;
	}

	.menu ul li {
		text-align: center;
	}

	.menu ul li ul.dropdown-menu {
		left: -12px;
	}

	nav.visible-sm {
		display: none !important;
	}

	/*Home Trend*/
	#trend>div>div .text {
		font-size: 1.8rem;
	}

	/*Award*/
	#home_award #box_wrap .slick-prev {
		left: 3%;
	}

	#home_award #box_wrap .slick-next {
		right: 3%;
	}

	/*PAGE*/
	.page_title {
		padding-left: 0
	}

	.page_title .container {
		width: 585px;
		margin: 0 auto
	}

	#plan_title {
		background-position: center 60px;
		background-size: 1100px;
	}

	/*PAGE AWARD*/
	#award_list #box_wrap .box h3 {
		width: 268px;
		margin: 20px auto 10px
	}

	#award_list #box_wrap .box p {
		width: 268px;
		margin: 0 auto
	}

	#award_list #box_wrap .box p.reason {
		width: 268px;
		margin-bottom: 10px;
	}

	#award_list #box_wrap .box ul {
		width: 268px;
		margin: 0 auto 20px
	}

	#award_list .magzine_cato {
		padding: 0 0 20px;
		text-align: center
	}

	#award_list #box_wrap .mag_box h3, #award_list #box_wrap .box p {
		height: initial;
		width: 100%;
		max-width: 268px;
	}

	/*PAGE NEWS*/
	.news_content_box .news_img {
		width: 238px;
		height: 178px;
	}

	.news_content_box .news_info {
		width: 370px;
		font-size: 1.5rem;
		padding-left: 30px;
		height: 180px;
	}

	.news_content_box .news_info li {
		margin-bottom: 5px;
		line-height: 26px;
	}

	.news_content_box .news_info span {
		font-size: 1.3rem;
		width: 90px;
		margin-right: 18px;
		line-height: 24px;
	}

	/*PAGE COMMAND*/
	.command_content_box .command_info {
		width: 360px;
		font-size: 1.5rem;
		padding: 0px;
		margin: 0;
		margin-left: 28px
	}

	#command_content .command_reason {
		width: 100%;
		font-size: 1.5rem;
		padding-left: 0px;
		float: none;
	}

	.command_content_box .command_img {
		width: 240px;
		height: 160px;
	}

	#command_content .command_reason {
		float: none;
		clear: both;
		margin-left: 0;
		width: 100%;
		border-bottom: 1px dotted #eee;
		margin-bottom: 20px
	}

	.command_content_box .command_info li {
		height: 26px;
		line-height: 24px;
		margin-bottom: 5px
	}

	.command_content_box .command_info span {
		margin-bottom: 0px;
		font-size: 1.3rem;
		width: 90px;
		margin-right: 18px;
		line-height: 26px;
		height: 26px;
	}

	/*PAGE INDUSTRY*/
	.industry_content_box .industry_info {
		width: 370px;
		font-size: 1.5rem;
		padding-left: 30px;
		height: 100px;
	}

	.industry_content_box .industry_img {
		width: 240px;
		height: 160px;
	}

	.industry_content_box .industry_view {
		padding-left: 30px;
		width: 370px;
		font-size: 1.5rem;
	}
}


@media (max-width: 768px) {

	/*Font Style*/
	h5 {}

	h6 {}

	/*Header*/
	header {
		height: 60px;
		position: fixed;
		width: calc(100% - 60px);
		top: 0;
		z-index: 9999
	}

	#logo {
		top: 8px;
		left: 20px;
		width: 150px;
	}

	#logo img {
		width: 100%
	}

	/*NAV*/
	.menu.visible-md {
		display: none !important;
	}

	nav.visible-sm {
		display: initial !important;
	}

	.menu {
		width: 660px;
		height: 60px;
		line-height: 60px;
		top: 60px;
	}

	.menu ul li a {
		font-size: 1.6rem;
		height: 60px;
		line-height: 60px
	}

	.menu ul li ul li {
		line-height: 50px;
		height: 50px
	}

	.menu ul li ul li a {
		font-size: 1.6rem;
		line-height: 50px;
		height: 50px
	}

	.submenu {
		width: 190px !important;
		height: 60px;
		right: 120px;
	}

	.submenu ul li {
		width: 40px;
		padding-top: 10px
	}

	.submenu ul li a {
		font-size: 0;
	}

	.submenu ul li a img {
		width: 40px;
		top: 0px;
		margin-right: 2px
	}

	#search_icon {
		height: 60px;
		width: 60px;
		right: 60px
	}

	#search_icon .glyphicon {
		font-size: 3rem;
		top: 15px;
		left: 15px;
		color: #fff;
	}

	/*Level1*/
	#level_1 {
		margin-top: 60px
	}

	/*Home Trend*/
	#trend>div>div {
		width: 50%
	}

	/*Home Video*/
	#home_video, #home_news {
		height: initial;
	}

	#home_video>div {
		width: 100%
	}

	#home_video>div>div {
		height: initial;
		width: 50%
	}

	/*Home News*/
	#home_news ul {
		width: 510px;
	}

	#home_news ul li a p.publish_date {
		margin: 0 0 10px;
		display: block;
	}

	#home_news ul li a {
		font-size: 1.4rem;
	}

	#home_news ul li:first-child a {
		padding: 10px
	}

	/*Award*/
	#home_award .slick-list {
		width: 576px;
	}

	#home_award #box_wrap .box {
		margin: 0 10px;
	}

	#home_award #box_wrap .slick-prev {
		left: 1%;
	}

	#home_award #box_wrap .slick-next {
		right: 1%;
	}

	/*PAGE*/
	.page_title {
		margin-top: 60px
	}

	#backpage_nav {
		margin-top: 60px;
		padding: 30px
	}

	#plan_title {
		background-position: center 60px;
		background-size: 990px;
	}

	#industry_title, #industry2_title, #news_title, #behind_title, #source_title, #video_title {
		background-position: center top;
		background-size: 900px auto;
	}

	/*PAGE VIDEO*/
	#video_box_wrap h2 {
		text-align: center;
	}

	.video_box {
		height: initial;
		padding: 20px 50px;
		margin-top: -1px
	}

	.industry_box h5 {
		font-size: 1.5rem;
	}

	.industry_box .trend_label1, .industry_box .trend_label2 {
		bottom: 15px;
		right: 15px;
	}

	/*MODAL*/
	.modal-dialog {
		margin-top: 5%;
	}

	.modal-content {
		padding-bottom: 20px;
	}

	.modal-content label {
		margin-bottom: 25px;
	}

	.modal-body {
		font-size: 2rem;
	}

	#modalContainer button.btn, #modalContainer .modal-footer .btn+.btn {
		width: 40%;
		font-size: 2rem;
		line-height: 40px;
		height: 40px;
	}

	.modal-content input, .modal-content textarea {
		padding-left: 20px;
	}

	.form-control {
		line-height: 40px;
		height: 40px;
		font-size: 2rem;
	}

	#modalContainer .modal-header .close span {
		font-size: 4rem;
	}

	.form-group {
		margin-bottom: 10px
	}

	/*LOGIN*/
	#modalContainer .login_title, #modalContainer .contact_title {
		font-size: 1.6rem;
		width: 30%;
	}

	#modalContainer .logininput_wrap {
		margin-bottom: 30px;
	}

	#modalContainer button.btn-warning {
		font-size: 1.6rem;
	}

	#modalContainer .control-label {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	#modalContainer .radio-inline {
		font-size: 1.6rem;
	}

	#modalContainer .code_tip .glyphicon {
		top: 5px;
		font-size: 2.6rem;
	}

	/*QA*/
	.qa_box {
		padding: 0 20px 20px
	}

	.qa_box h4 a {
		font-size: 1.8rem;
	}

	.qa_box h4 a span {
		display: block;
		float: left;
		top: 5px;
		margin-bottom: 20px;
	}

	/*MEMBER*/
	.signup_content .form-group {
		margin-bottom: 15px
	}

	#signup_wrap form .work_state input {
		width: 120px
	}
}

@media (max-width: 731px) {

	/*PAGE NEWS*/
	.news_content_box .news_img {
		width: 179px;
		height: 134px;
	}

	.news_content_box .news_info {
		width: 350px;
		font-size: 1.4rem;
		padding-left: 19px;
		height: 170px
	}

	.news_content_box .news_info li {
		line-height: 24px;
	}

	.news_content_box .news_info span {
		font-size: 1.3rem;
		width: 90px;
		margin-right: 18px;
		line-height: 24px;
		height: 24px;
	}

	/*PAGE INDUSTRY*/
	.industry_content_box .industry_img {
		width: 179px;
		height: 104px;
	}

	.industry_content_box .industry_info {
		width: 350px;
		font-size: 1.4rem;
		padding-left: 19px;
		height: initial;
		margin-bottom: 10px;
	}

	.industry_content_box .industry_info li {
		line-height: 24px;
		height: 24px;
	}

	.industry_content_box .industry_info span {
		font-size: 1.3rem;
		width: 90px;
		margin-right: 18px;
		line-height: 24px;
		height: 24px;
	}

	.industry_content_box .industry_view {
		padding-left: 19px;
		width: 150px;
		font-size: 1.4rem;
	}

	/*PAGE COMMAND*/
	.command_content_box .command_img {
		width: 179px;
		height: 134px;
	}

	.command_content_box .command_info {
		margin-left: 0;
		width: 350px;
		font-size: 1.4rem;
		padding-left: 19px;
		height: initial;
		margin-bottom: 10px;
	}

	#command_content2 .command_img {
		width: 30%
	}

	.command_content2_box .command_detail {
		width: 70%;
		padding-left: 15px;
	}

	.command_content_box .command_info li {
		line-height: 24px;
		height: 24px;
		font-size: 1.4rem;
	}

	.command_content_box .command_info span {
		font-size: 1.3rem;
		width: 90px;
		margin-right: 10px;
		line-height: 24px;
		height: 24px;
	}

	.command_content2_box .command_info li {
		line-height: 24px;
		font-size: 1.4rem;
	}

	.command_content2_box .command_info span {
		font-size: 1.3rem;
		width: 90px;
		margin-right: 10px;
		line-height: 24px;
		height: 24px;
	}

}

@media (max-width: 650px) {

	/*Header*/
	#logo {
		top: 7px;
		left: 10px;
		width: 150px;
	}

	/*Home Trend*/
	#trend>div>div {
		width: 100%
	}

	#trend>div>div .text {
		font-size: 1.8rem;
		height: 120PX;
	}

	/*Home Video*/
	#home_video>div>div {
		height: initial;
		width: 100%
	}

	/*Award*/
	#home_award .slick-list {
		width: 308px;
	}

	#home_award #box_wrap .box {
		margin: 0 20px;
	}

	#home_award #box_wrap .slick-prev {
		left: 5%;
	}

	#home_award #box_wrap .slick-next {
		right: 5%;
	}

	/*Level4*/
	.banner ul {
		width: 80%
	}

	.banner ul li {
		margin: 0 10px !important;
		width: calc(50% - 20px)
	}

	#home_link_banner {
		width: 400px
	}

	#home_link_banner a {
		margin: 10px
	}

	.link .slick-prev {
		left: 135px;
	}

	.link .slick-next {
		right: 135px;
	}

	/*FOOTER*/
	footer {
		padding: 50px 0
	}

	footer .footer_logo {
		width: 100%
	}

	footer .footer_logo img {
		display: block;
		float: none;
		margin: 0 auto 20px;
		height: 50px;
	}

	/*PAGE*/
	.page_title {
		padding-left: 0
	}

	.page_title .container {
		width: initial;
		padding: 0 55px;
	}

	.page_menu {
		width: 401px;
		margin: 0 auto
	}

	.page_menu>li {
		width: 127px;
		margin-right: 9px;
	}

	.page_menu>li>ul {
		width: 401px;
	}

	.page_menu>li>ul>li {
		width: 136px;
		border-right: 9px solid #fff
	}

	.page_menu>li ul li a {
		font-size: 1.6rem;
	}

	.page_menu>li>ul>li:last-child {
		border: 0;
		width: 127px;
	}

	#backpage_nav {
		margin-top: 60px;
		padding: 30px
	}

	#plan_title {
		background-size: 830px;
	}

	/*PAGE NEWS*/
	.news_box {
		height: 260px
	}

	.news_content_box .news_img {
		width: 362px;
		height: 270px;
		float: none;
		margin: 0 0 30px;
	}

	.news_content_box .slick-dotted.slick-slider {
		margin-bottom: 50px;
	}

	.news_content_box .news_info {
		width: 100%;
		font-size: 1.6rem;
		padding-left: 0;
		height: initial;
		float: none;
		margin: 0 0 20px
	}

	.news_content_box .news_info li {
		line-height: 24px;
	}

	.news_content_box .news_info span {
		font-size: 1.4rem;
		width: 90px;
		margin-right: 18px;
		line-height: 26px;
		height: 26px;
	}

	/*PAGE COMMAND*/
	.command_content_box .command_img {
		width: 362px;
		height: 270px;
		float: none;
		margin: 0 0 30px;
	}

	.command_content_box .command_info {
		width: 100%;
		font-size: 1.6rem;
		padding-left: 0;
		height: initial;
		margin: 0 0 20px;
	}

	.command_content2_box .command_info {
		width: 100%;
		font-size: 1.6rem;
		padding-left: 0;
		height: initial;
		margin: 0 0 20px;
	}

	.industry_content_box .industry_img {
		width: 362px;
		height: 270px;
		float: none;
		margin: 0 0 30px;
	}

	.industry_content_box .industry_info {
		width: 100%;
		font-size: 1.6rem;
		padding-left: 0;
		height: initial;
		float: none;
		margin: 0 0 20px
	}

	.industry_content_box .industry_info li {
		line-height: 24px;
		height: 26px;
	}

	.industry_content_box .industry_info span {
		font-size: 1.4rem;
		width: 90px;
		margin-right: 18px;
		line-height: 26px;
		height: 26px;
	}

	.industry_content_box .industry_view {
		float: none;
		padding-left: 0px;
		width: 100%;
		font-size: 1.4rem;
	}

	/*PAGE VIDEO*/
	#video_box_wrap .dropdown {
		margin: 20px auto 0px;
		width: 150px
	}

	/*MEMBER*/
	#signup_wrap form .input_form #inputScale {
		width: 200px;
	}

}

@media (max-width: 480px) {

	/*NAV*/
	.submenu {
		width: 140px !important;
		background: transparent;
		height: 60px;
		right: 96px;
	}

	.submenu ul li {
		width: 30px;
	}

	.submenu ul li a {
		font-size: 0;
	}

	.submenu ul li a img {
		width: 30px;
		top: 0px;
		margin-right: 2px
	}

	#search_icon {
		width: 40px;
		background: transparent;
		right: 55px;
	}

	#search_icon .glyphicon {
		font-size: 2rem;
		left: 5px;
		top: 20px;
		color: #b4b4b4
	}

	/*Home Trend*/
	#trend>div>div {
		width: 100%
	}

	#trend>div>div .text {
		font-size: 1.8rem;
		height: 120PX;
	}

	/*Home Video*/
	#home_video>div>div {
		height: initial;
		width: 100%
	}

	/*Home News*/
	#home_news ul {
		width: 410px;
	}

	#home_news ul li a p.publish_date {
		margin: 0 0 10px;
		display: block;
	}

	#home_news ul li a {
		font-size: 1.4rem;
	}

	#home_news ul li:first-child {
		background: url(../images/dialogue_mobile.png) no-repeat center center;
		background-size: 320px;
	}

	#home_news ul li:first-child a {
		padding: 20px
	}

	/*Award*/
	#home_award .slick-list {
		width: 308px;
	}

	#home_award #box_wrap .box {
		margin: 0 20px;
	}

	#home_award #box_wrap .slick-prev {
		left: 5%;
	}

	#home_award #box_wrap .slick-next {
		right: 5%;
	}

	/*Level4*/
	.banner ul {
		width: 288px
	}

	.banner ul li {
		margin: 0 0 20px !important;
		width: 100%
	}

	#home_link_banner {
		width: 200px
	}

	#home_link_banner a {
		margin: 10px
	}

	.link .slick-prev {
		left: 5px;
	}

	.link .slick-next {
		right: 5px;
	}

	/*FOOTER*/
	footer {
		padding: 50px 50px
	}

	footer input {
		display: block;
		margin: 0 auto
	}

	footer button {
		width: 300px;
	}

	footer .footer_logo {
		width: 100%
	}

	footer .footer_logo img {
		display: block;
		float: none;
		margin: 0 auto 20px;
		height: 50px;
	}

	/*PAGE*/
	.page_title {
		padding-top: 40px;
		height: 300px;
		background: url("../images/title_bg.jpg") no-repeat center top;
		background-size: 100
	}

	.page_title .container {
		width: initial;
		padding: 0
	}

	.page_title .row {
		margin: 0
	}

	.page_title h1 {
		width: 381px;
		margin: 0 auto;
		text-align: center;
	}

	.page_menu {
		width: 381px;
		margin: 0 auto
	}

	.page_menu>li {
		width: 121px;
		margin-right: 9px;
	}

	.page_menu>li>ul {
		width: 381px;
	}

	.page_menu>li>ul>li {
		width: 130px;
		border-right: 9px solid #fff
	}

	.page_menu>li ul li a {
		font-size: 1.6rem;
	}

	.page_menu>li>ul>li:last-child {
		border: 0;
		width: 121px;
	}

	#backpage_nav {
		margin-top: 60px;
		padding: 30px
	}

	/*PAGE TITLE*/
	#industry_title, #industry2_title, #news_title, #behind_title, #source_title, #video_title, #map_title, #signup_title, #qa_title {
		margin-bottom: 0;
		padding-top: 20px;
		background-size: 560px auto
	}

	#plan_title {
		height: 150px;
		padding-top: 40px;
		background-size: 710px auto
	}

	/*PAGE NEWS*/
	.news_content_box h3 {
		font-size: 2.6rem;
	}

	.news_content_box .news_img {
		width: 100%;
		height: auto
	}

	/*PAGE AWARD*/
	#award_list #box_wrap .mag_box {
		height: 480px;
	}

	/*PAGE COMMAND*/
	#command_content h3 {
		font-size: 2.6rem;
		width: 100%
	}

	.command_content_box .command_img {
		width: 100%;
		height: auto
	}

	.command_content_box .command_info li {
		height: initial;
		float: left;
		width: 100%
	}

	.command_content_box .command_info li span {
		float: left;
	}

	#command_content2 .command_img {
		width: 185px;
		float: none;
	}

	.command_content2_box .command_detail {
		width: 100%;
		padding: 0
	}

	/*PAGE INDUSTRY*/
	.industry_content_box h3 {
		font-size: 2.6rem;
	}

	.industry_content_box .industry_img {
		width: 100%;
		height: auto
	}

	/*PAGE VIDEO*/
	.video_box {
		height: initial;
		padding: 20px 20px 0;
		margin-top: -1px;
		float: none;
	}

	.video_box .source_download {
		position: relative;
	}

	.video_box h3 {
		font-size: 1.8rem;
		margin: 0px 0 10px;
		line-height: 1.5;
		height: initial;
	}

	/*MODAL*/
	.modal-dialog {
		margin: 5%;
	}

	.modal-content {
		padding-bottom: 20px;
	}

	.modal-content label {
		margin-bottom: 25px;
		line-height: 30px;
	}

	.modal-body {
		font-size: 2rem;
	}

	#modalContainer button.btn, #modalContainer .modal-footer .btn+.btn {
		width: 40%;
		font-size: 1.6rem;
		margin-bottom: 5px;
		line-height: 40px;
		height: 40px;
	}

	.modal-content input, .modal-content textarea {
		padding-left: 15px;
		margin-bottom: 10px;
	}

	.form-control {
		line-height: 30px;
		height: 30px;
		font-size: 1.6rem;
	}

	#modalContainer .modal-header .close span {
		font-size: 4rem;
	}

	/*SEARCH*/
	#search_input {
		height: 60px;
		line-height: 60px;
	}

	/*LOGIN*/
	#modalContainer .login_title, #modalContainer .contact_title {
		font-size: 1.6rem;
		width: 100%;
	}

	#modalContainer .logininput_wrap {
		margin-bottom: 10px;
	}

	#modalContainer button.btn-warning {
		font-size: 1.6rem;
	}

	#modalContainer .control-label {
		font-size: 1.6rem;
		margin-bottom: 0
	}

	#modalContainer .radio-inline {
		font-size: 1.6rem;
		width: 48%;
		padding-top: 0px;
		line-height: 30px
	}

	#modalContainer .input_form.code_input {
		width: 50%;
		float: none;
	}

	#modalContainer .code_tip {
		width: 50%;
		float: none;
		margin: 0 auto 20px
	}

	#modalContainer .code_tip .glyphicon {
		top: 1px;
		font-size: 2.6rem;
		padding: 5px;
	}

	#modalContainer .input_form {
		width: 80%;
		float: none;
		margin: 0 auto 5PX;
	}

	#inputAccount, #inputPassword {
		height: 40px;
		line-height: 40px;
	}

	/*MAP*/
	#map_info {
		padding: 30px
	}

	#map_container .guide .guide_detail .guide_group>ul>li {
		font-size: 1.8rem;
	}

	#map_container .guide .guide_detail .guide_group>ul>li>ul {
		margin-bottom: 10px
	}

	#map_container .guide .guide_detail .guide_group>ul>li>ul>li {
		font-size: 1.6rem;
	}

	/*QA*/
	.qa_box {
		padding: 10px 20px
	}

	.qa_box h4 a {
		font-size: 1.8rem;
	}

	.qa_box h4 a span {
		top: 5px;
		margin-bottom: 80px;
	}

	.qa_box .A {
		font-size: 1.5rem;
	}

	/*MEMBER*/
	#signup_wrap {
		margin-top: 40px;
	}

	#signup_wrap form .work_state input {
		width: 80%
	}

	#signup_wrap form .checkbox {
		height: inherit;
	}

	#signup_wrap form .input_form span {
		font-size: 1.2rem;
	}

	#signup_wrap form .input_form #inputScale {
		width: 150px;
	}
}

@media (max-width: 425px) {

	/*Home Trend*/
	#trend>div>div {
		width: 100%
	}

	#trend>div>div .text {
		font-size: 1.8rem;
		height: 160PX;
	}

	/*Home News*/
	#home_news ul {
		width: 370px;
	}

	/*Award*/
	#home_award #box_wrap .slick-prev {
		left: 2%;
	}

	#home_award #box_wrap .slick-next {
		right: 2%;
	}

	/*FOOTER*/
	footer {
		padding: 50px 30px;
		line-height: 1.7em
	}

	/*PAGE*/
	.page_title h1 {
		text-align: center;
	}

	.page_menu>li:first-child ul {
		background: url(../images/menu_arrow.png) no-repeat 38px top;
		background-size: 45px;
	}

	.page_menu>li:nth-child(2) ul {
		background: url(../images/menu_arrow.png) no-repeat 167px top;
		background-size: 45px;
	}

	/*PAGE AWARD*/
	#award_list #box_wrap .mag_box {
		height: 460px;
	}

	/*MEMBER*/
	#signup_wrap form .input_form #inputScale {
		width: 100%;
		margin-bottom: 10px
	}

	/*PAGE VIDEO*/
	#video_box_wrap .grid-sizer, #video_box_wrap .grid-item {
		width: 100%
	}
}


@media (max-width: 414px) {

	/*Header*/
	#logo {
		width: 130px;
	}

	/*NAV*/
	.submenu {
		width: 140px !important;
		background: transparent;
		height: 60px;
		right: 99px;
	}

	.submenu ul li {
		width: 30px;
	}

	.submenu ul li a {
		font-size: 0;
	}

	.submenu ul li a img {
		width: 30px;
		top: 0px;
		margin-right: 2px
	}

	#search_icon {
		width: 35px;
		background: transparent;
		right: 60px;
	}

	#search_icon .glyphicon {
		font-size: 2rem;
		left: 5px;
		top: 20px;
		color: #b4b4b4
	}

	/*HOME AWARD*/
	#home_award .slick-prev, #home_award .slick-next {
		width: 40px;
		height: 40px;
	}

	#home_award #box_wrap .slick-prev {
		left: 1%
	}

	#home_award #box_wrap .slick-next {
		right: 1%
	}

	#home_award #box_wrap .slick-prev::before, #home_award #box_wrap .slick-next::before {
		font-size: 3rem;
	}

	/*FOOTER*/
	footer button, footer input {
		width: 240px;
	}

	footer .footer_logo {
		width: 100%
	}

	footer .footer_logo img {
		display: block;
		float: none;
		margin: 0 auto 20px;
		height: 45px;
	}

	/*PAGE*/
	.page_title .container {
		width: initial;
	}

	.page_title h1 {
		width: 351px;
		margin: 0 auto;
		text-align: center;
	}

	.page_menu {
		width: 351px;
		margin: 0 auto
	}

	.page_menu>li {
		width: 111px;
		margin-right: 9px;
	}

	.page_menu>li a {
		font-size: 1.8rem;
	}

	.page_menu>li>ul {
		;
		width: 351px;
	}

	.page_menu>li>ul>li {
		width: 120px;
		border-right: 9px solid #fff
	}

	.page_menu>li:first-child ul {
		background: url(../images/menu_arrow.png) no-repeat 33px top;
		background-size: 45px;
	}

	.page_menu>li:nth-child(2) ul {
		background: url(../images/menu_arrow.png) no-repeat 152px top;
		background-size: 45px;
	}

	.page_menu>li ul li a {
		font-size: 1.6rem;
	}

	.page_menu>li>ul>li:last-child {
		border: 0;
		width: 111px;
	}

	/*PAGE NEWS*/
	.news_box {
		height: 290px
	}

	/*PAGE AWARD*/
	#award_list #box_wrap .mag_box {
		height: 450px;
	}

	#award_list3 #box_wrap .box .commend_reason {
		padding-left: 20px;
	}

	/*MODAL*/
	.modal-content label {
		margin-bottom: 25px;
		line-height: 30px;
	}

	.modal-body {
		font-size: 1.5rem;
	}

	#modalContainer button.btn, #modalContainer .modal-footer .btn+.btn {
		width: 54%;
		font-size: 1.4rem;
	}

	.form-control {
		line-height: 30px;
		height: 30px;
		font-size: 1.4rem;
	}

	#modalContainer .modal-header .close span {
		font-size: 4rem;
	}

	/*SEARCH*/
	#search_input {
		height: 60px;
		line-height: 60px;
	}

	/*LOGIN*/
	#modalContainer .login_title, #modalContainer .contact_title {
		font-size: 1.3rem;
	}

	#modalContainer button.btn-warning {
		font-size: 1.4rem;
	}

	#modalContainer .control-label {
		font-size: 1.3rem;
	}

	#modalContainer .radio-inline {
		font-size: 1.3rem;
		padding-top: 0px;
		line-height: 30px
	}

	#modalContainer .code_tip .glyphicon {
		top: 1px;
		font-size: 1.4rem;
	}
}

@media (max-width: 375px) {

	/*NAV*/
	.submenu {
		right: 97px;
	}

	/*Home News*/
	#home_news ul {
		width: 320px;
	}

	#home_news ul li:first-child {
		background-size: 250px;
	}

	#home_news ul li:first-child a {
		padding: 0;
		font-size: 2rem;
	}

	/*HOME Award*/
	#home_award .slick-list {
		width: 268px;
	}

	#home_award #box_wrap .box {
		margin: 0;
	}

	#home_award .slick-prev, #home_award .slick-next {
		width: 40px;
		height: 40px;
	}

	#home_award #box_wrap .slick-prev {
		left: 0px
	}

	#home_award #box_wrap .slick-next {
		right: 0px
	}

	#home_award #box_wrap .slick-prev::before, #home_award #box_wrap .slick-next::before {
		font-size: 2.6rem;
	}

	/*FOOTER*/
	footer .footer_logo img {
		height: 40px;
	}

	/*PAGE*/
	.page_title h1 {
		width: 330px;
	}

	.page_menu {
		width: 330px;
	}

	.page_menu>li {
		width: 104px;
		margin-right: 9px;
	}

	.page_menu>li a {
		font-size: 1.8rem;
	}

	.page_menu>li>ul {
		;
		width: 330px;
	}

	.page_menu>li>ul>li {
		width: 113px;
	}

	.page_menu>li:first-child ul {
		background: url(../images/menu_arrow.png) no-repeat 30px top;
		background-size: 45px;
	}

	.page_menu>li:nth-child(2) ul {
		background: url(../images/menu_arrow.png) no-repeat 141px top;
		background-size: 45px;
	}

	.page_menu>li ul li a {
		font-size: 1.6rem;
	}

	.page_menu>li>ul>li:last-child {
		width: 104px;
	}

	/*PAGE NEWS*/
	.news_content_box {
		padding: 30px;
	}

	.news_content_box h3 {
		font-size: 2.4rem;
	}

	.news_content_box .news_info span {
		margin-right: 10px;
	}

	/*PAGE AWARD*/
	#award_list #box_wrap .mag_box {
		height: 430px;
	}

	#award_list3 #box_wrap .box .commend_reason {
		padding-left: 15px;
	}

	/*PAGE COMMAND*/
	.command_content_box, .command_content2_box {
		padding: 30px
	}

	/*PAGE INDUSTRY*/
	.industry_content_box {
		padding: 30px;
	}

	.industry_content_box h3 {
		font-size: 2.4rem;
	}

	.industry_content_box .industry_info span {
		margin-right: 10px;
	}

	/*MAP*/
	#map_container .guide .guide_detail .guide_group>ul>li {
		font-size: 1.7rem;
	}

	#map_container .guide .guide_detail .guide_group>ul>li>ul {
		margin-bottom: 10px
	}

	#map_container .guide .guide_detail .guide_group>ul>li>ul>li {
		font-size: 1.5rem;
	}

	/*QA*/
	.qa_box h4 a span {
		margin-bottom: 40px;
	}

	/*MEMBER*/
	#signup_wrap form .work_state input#inputScale {
		width: 100%;
		margin-bottom: 10px
	}

	#signup_wrap form .work_state input#inputScaleUni {
		width: 60px;
	}

}

@media (max-width: 320px) {

	/*Header*/
	header {
		height: 40px;
		width: calc(100% - 40px);
	}

	#logo {
		width: 100px;
		top: 5px;
		letter-spacing: 8px;
	}

	/*NAV*/
	.navbar-header {
		width: 40px;
		height: 40px;
	}

	.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		width: 40px;
		height: 40px;
		padding: 5px
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		top: 40px
	}

	.submenu {
		height: 40px;
		right: 52px;
	}

	.submenu ul li {
		height: 40px;
		width: 24px;
		padding-top: 0
	}

	.submenu ul li a {
		height: 40px;
		line-height: 40px;
	}

	.submenu ul li a img {
		width: 28px;
	}

	#search_icon {
		height: 40px;
		width: 30px;
		right: 45px
	}

	#search_icon .glyphicon {
		top: 10px;
		font-size: 1.8rem;
	}

	#myNavBar>ul li a {
		line-height: 20px;
		font-size: 1.6rem;
	}

	#myNavBar>ul li ul li a {
		line-height: 20px;
		font-size: 1.3rem;
	}

	/*Level1*/
	#level_1 {
		margin-top: 40px;
	}

	/*HOME Award*/
	#home_award .slick-prev, #home_award .slick-next {
		width: 30px;
		height: 30px;
	}

	#home_award #box_wrap .slick-prev::before, #home_award #box_wrap .slick-next::before {
		font-size: 2rem;
	}

	#home_award .slick-list {
		width: 268px;
	}

	#home_award #box_wrap .box {
		margin: 0;
	}

	/*Home Trend*/
	#trend>div>div .text {
		font-size: 1.7rem;
	}

	#trend>div>div .publish_date {
		margin-right: 20px;
		font-size: 1.4rem;
	}

	#trend>div>div .publish_date span {
		font-size: 2.3rem;
	}

	#trend .trend_label1, #trend .trend_label2 {
		left: 130px
	}

	/*Home News*/
	#home_news {
		padding-bottom: 120px
	}

	#home_news ul {
		width: 300px;
	}

	#home_news ul li:first-child {
		background-size: 230px;
	}

	#home_news ul li:first-child a {
		padding: 0;
		font-size: 1.8rem;
	}

	#home_news #home_news_menu li {
		width: 100%;
		padding-left: 30px !important
	}

	#home_news #home_news_menu li:first-child {
		border-bottom: 1px solid #bbb;
	}

	#home_news #home_news_menu li a {
		text-align: left;
	}

	#home_news #home_news_menu li:first-child a {
		border: 0
	}

	#home_news #home_news_menu li a img {
		float: right;
		margin-right: 50px;
		top: 5px
	}

	/*FOOTER*/
	footer .footer_logo img {
		height: 40px;
	}

	/*PAGE*/
	.page_title {
		margin-top: 40px;
	}

	.page_title h1 {
		width: 276px;
	}

	.page_menu {
		width: 276px;
	}

	.page_menu>li {
		width: 86px;
		margin-right: 9px;
	}

	.page_menu>li a {
		font-size: 1.5rem;
	}

	.page_menu>li>ul {
		;
		width: 276px;
	}

	.page_menu>li>ul>li {
		width: 95px;
	}

	.page_menu>li:first-child ul {
		background: url(../images/menu_arrow.png) no-repeat 21px top;
		background-size: 45px;
	}

	.page_menu>li:nth-child(2) ul {
		background: url(../images/menu_arrow.png) no-repeat 117px top;
		background-size: 45px;
	}

	.page_menu>li ul li a {
		font-size: 1.4rem;
	}

	.page_menu>li>ul>li:last-child {
		width: 86px;
	}

	#backpage_nav {
		margin-top: 38px;
	}

	/*PAGE AWARD*/
	#award_list #box_wrap .mag_box {
		height: 400px;
	}

	#award_list #box_wrap .mag_box h3 {
		font-size: 1.6rem;
		line-height: 22px;
		margin-top: 15px;
	}

	/*PAGE TITLE*/
	#plan_title {
		background-position: center 40px;
	}

	/*PAGE NEWS*/
	.news_content_box .news_info li {
		font-size: 1.5rem;
		line-height: 26px;
	}

	.news_content_box .news_info span {
		font-size: 1.3rem;
		display: block;
		float: left;
		margin-bottom: 5px
	}

	.industry_content_box .industry_info li {
		font-size: 1.5rem;
		height: initial;
		line-height: 26px;
	}

	.industry_content_box .industry_info span {
		font-size: 1.3rem;
		display: block;
		float: left;
		margin-bottom: 5px
	}

	/*MODAL*/
	#modalContainer .radio-inline {
		width: 47%
	}

}