/**mobile menu **/


	/** HACK: ipad 和 手機 **/
	@media screen and (max-width: 1200px) {
		/** index **/
		ul.oe_menu > li > a {
			padding: 10px 8px 5px 8px;    
		}
		.common li {
			display: inline-block;
			padding: 0 2px;
			list-style: none;
			font-size: 85%
		}
	}
	
	@media screen and (max-width: 1050px) {
	/** index **/
		html {
			overflow: visible;
		}
	
		body {
			position: relative;       
			overflow-x: hidden;
			overflow-y: scroll;
		}
	
		.oe_menu {
			display: block;
		}
		
		ul.oe_menu > li > a {
			padding: 10px 6px 5px 6px;
		}
	
		.content {
			width: 100%;
		}
	
		.navpane {
			width: 100%;
		}

		.slick-slider {
			width: 100%;
		}
		
		#masonry-content a, #masonry-content li {
			width: 31%;
		}
		
		.news-detail {
			padding: 30px;
		}
		
		/** overlay **/
		a.overlay-close {
			right: 15px;
			top: 10px;
		}
		
		.overlay {
			width: 90%;
			border: 0;
		}
	
		.wrapper {
			padding: 25px;
		}
		
		#overlay-box-user img,
		#overlay-box-maintain img,
		#overlay-box-note img {
			width: 100%;
		}
		
		.feature img {
			height: auto;
			width: 100%;
		}
		/* tab*/
		#tab > ul > li >a{
			padding: 5px 15px 5px 15px;
		}
		
		.list-item > ul li {
			width: 48%;
		}
		.item-line > li {
			width: 48%;
		}
		
		.idea li figure {
			width: 100%;
		}
		
		.idea li figure {
			display: table;
			vertical-align: middle;
		}
		
		.idea li figure b {
			display: table-cell;
			vertical-align: middle;
		}		
		
		div.logo-idea p {
			float: none;
			margin-top: 0;
			width: 100%;
		}
		
		ul.logo-idea > li ul {
			float: none;
			width: 100%;
			clear: both;
		}
		
		ul.logo-idea > li > img {
			float: left;
			text-align: center;
			margin-bottom: 10px;
		}
		
		ul.logo-idea > li > span {
			float: left;
			display: block;
			width: 100%;
			text-align: left;
			width: 60%;
			margin: 8px 0 0 10px;
		}
		
		.mobile-slider {
			max-width: 100% !important;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			margin-right: 0px;
			margin-left: 0px;
		}
	}
	
	
  @media screen and (max-width: 992px) {
		.hotlink > li {
			/*padding: 5px 5px; */
			padding-left: 25px;
			padding-right: 15px;
			font-size: 105%;
			width: auto;
			float: left;
			display: inline-block;
			border: 2px solid #fff;
		}
	
	}
	@media screen and (max-width: 991px) {
    /** [手機版] **/
    /** [手機版] **/
    /** [手機版] **/

		.common{
			line-height: 100%;
		}
		.common li {
			display: inline-block;
			padding: 0 2px;
			list-style: none;
			font-size: 80%
		}
		.common-menu a {
				border-bottom: 1px solid #444;
		}
		/*HACK : 首頁aboutus的圖片自動縮圖(不然會和slick衝到) */
		#aboutus img {
				height: auto;
				max-width: 320px;
		}
		/* HACK: [手機版] 網站名稱 位置/寬高/大小設定  */
		.hero-title {
				font-size: 140%;
				color: white;
				float: right;
				padding: 8px;
		}

		.captain-title {
				font-size: 105%;
				color: white;
				float: right;
				font-weight: 400;
				padding-top: 8px;
				padding-left: 5px;
		}

		.slick-slider .text {
				font-size: 105%;
		}

		.slick-slider img {
				padding: 0;
		}
		
		.oe_menu {
				display: block;
		}

		dd {
				background: #333;
		}

		h1 {
				/*font-size: 130%;
				padding-bottom: 2%;*/
		}

		h2,h3 {
				/*font-size: 105%;
				line-height: 30px;*/
		}
		
		.wrapper h3 {
				margin-bottom: 0;
		}

		h4{
			font-size: 120%;
		} 
		h5, h6 {
			font-size: 110%;
		}

		#top {
			right: 10px;
			width: 50px;
		}

		.wrapper {
			padding: 15px;
		}

		.overlay {
			top: 0;
		}

		#menu {
			bottom: 20px;
		}

		#menu li {
			font-size: 140%;
		}

		#menu li a, #menu li.active a {
			padding: 5px;
		}

		#filters a {
			display: block;
			width: 100%;
			padding: 5px 0;
		}

		#masonry-content a {
			width: 100%;
		}

		#masonry-content li {
			width: 48%;
		}

		.news-detail {
			padding: 15px;
		}

		.list a {
			display: block;
		}

		.mobile-slider {
			max-width: 100% !important;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			margin-right: 0px;
			margin-left: 0px;
		}
		
		.news-link > ul > li{
			font-size: 105%;
			color: #333;
			float: left;
			padding: 5px 10px ;
			background: #eee;
			border: solid 2px #fff;
			margin-bottom: 0px;
			min-height: auto;
			width: auto;
		}		


	}
	@media screen and (max-width: 820px) {
		ul.oe_menu > li > a {
			padding: 10px 3px 5px 3px;
			font-size: 88%; 
		}

	}

	@media screen and (max-width: 768px) {
		.oe_menu {
			display: none;
		}
		.carousel-indicators {
			display: none;
		}

		.table-responsive {
			width: 100%;
			margin-bottom: 15px;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #ddd;
		}

		.table-responsive > .table {
			margin-bottom: 0;
		}

		.table-responsive > .table > thead > tr > th,
		.table-responsive > .table > tbody > tr > th,
		.table-responsive > .table > tfoot > tr > th,
		.table-responsive > .table > thead > tr > td,
		.table-responsive > .table > tbody > tr > td,
		.table-responsive > .table > tfoot > tr > td {
			white-space: nowrap;
		}

		.table-responsive > .table-bordered {
			border: 0;
		}

		.table-responsive > .table-bordered > thead > tr > th:first-child,
		.table-responsive > .table-bordered > tbody > tr > th:first-child,
		.table-responsive > .table-bordered > tfoot > tr > th:first-child,
		.table-responsive > .table-bordered > thead > tr > td:first-child,
		.table-responsive > .table-bordered > tbody > tr > td:first-child,
		.table-responsive > .table-bordered > tfoot > tr > td:first-child {
			border-left: 0;
		}

		.table-responsive > .table-bordered > thead > tr > th:last-child,
		.table-responsive > .table-bordered > tbody > tr > th:last-child,
		.table-responsive > .table-bordered > tfoot > tr > th:last-child,
		.table-responsive > .table-bordered > thead > tr > td:last-child,
		.table-responsive > .table-bordered > tbody > tr > td:last-child,
		.table-responsive > .table-bordered > tfoot > tr > td:last-child {
			border-right: 0;
		}

		.table-responsive > .table-bordered > tbody > tr:last-child > th,
		.table-responsive > .table-bordered > tfoot > tr:last-child > th,
		.table-responsive > .table-bordered > tbody > tr:last-child > td,
		.table-responsive > .table-bordered > tfoot > tr:last-child > td {
			border-bottom: 0;
		}
		
		
		/* 熱門連結 */
		.hotlink > li {
			/* 熱門連結
			padding: 5px 5px; */
			padding-left: 25px;
			padding-right: 15px;
			font-size: 105%;
			background-position: 5px 9px;
			width: auto;
			float: left;
			display: inline-block;
		}
				
		.decree {
			width: 90%;
			height: 90px;
			display: block;
			overflow: hidden;
		}
		
		.container-fluid {
			padding-right: 0px;
			padding-left: 0px;
		}
		
		.news-link > ul > li {
			font-size: 105%;
			color: #333;
			float: left;
			padding: 5px 10px ;
			background: #eee;
			border: solid 2px #fff;
			margin-bottom: 0px;
			min-height: auto;
			width: auto;
		}		

		/* 手機板使用的網頁選單、選項 Start */
		.mobile-page-tab {
		  display: block;
		  width: 99%;
		  background: #fff;
		}
		/* 頁籤ul */
		.mobile-page-tab > ul{
			overflow: hidden;
			margin: 0;
			padding: 1px;
		  
		}

		.mobile-page-tab > ul > li {
			list-style-type: none;
			font-size: 100%;
			color: #333;
			float: left;
			padding: 5px 8px 2px 8px;
			background: #eee;
			border: solid 2px #fff;
		}
		/* 手機板使用的網頁選單、選項 end */

		.col-focus {
			width: 33.33%;	
		}
		.col-focus-4 {
			width: 49.5%;	
		}
	}
	
	
    @media screen and (max-width: 500px) { /*490*/
		#searchForm {
			text-align: left;
		}
		.foot-left {
            text-align: left;
			font-size: 90%!important;
        }
		
		.foot-right {
            text-align: left;
			font-size: 90%!important;
        }
		
		.common-footer,
		.lang-at-footer {
         text-align: left; 
		}
		
		.intro h3:nth-child(2) {
            display: none;
        }

        .agents span {
            height: 30px;
            padding: 0;
            border: 0;
        }

        #dmixed h3 {
            display: none;
        }

        a.button-wire {
            padding: 8px 20px;
        }

        #masonry-content li {
            width: 100%;
        }
		
		footer {
			height: auto !important;
		}
		
		.list-item > li > ul > li,
		.list-item > ul > li {
			width: 95%;
		}
		
		.news-link > ul > li {
			font-size: 100%;
			color: #333;
			float: left;
			padding: 3px 8px 3px 8px;
			background: #eee;
			border: solid 2px #fff;
			margin-bottom: 0px;
			min-height: auto;
			width: auto!important;
			
		}

		/* 手機板使用的網頁選單、選項 Start */
		.mobile-page-tab {
		  display: block;
		  width: 99%;
		  background: #fff;
		}
		
		/* 頁籤ul */
		.mobile-page-tab > ul{
			overflow: hidden;
			margin: 0;
			padding: 1px;
		}
		.mobile-page-tab > ul > li {
			list-style-type: none;
			font-size: 100%;
			color: #333;
			float: left;
			padding: 5px 8px 2px 8px;
			background: #eee;
			border: solid 2px #fff;
		}
		.decree {
			width: 100%;
			height: 90px;
			display: block;
			overflow: none;
		}
		.decree_page img {
			padding: 5px 15px;
		}
		.item-line > li {
			width: 90%;
		}
		.mobile-padded-lr5 {
			padding-right: 5px;
			padding-left: 5px;
		}
		.mobile-nopadded {
			padding: 0px;
		}
		.mobile-foucs {
			width:40%;
			float: left;
		}
		.mobile-foucs-lr10 {
			width: 60%;
			float: left;
			/*padding: 10px;*/
		}
		.mobile-foucs-2-lr10 {
			padding: 10px;
			border: 1px solid #ddd;
		}		
		.mobile-foucs-lr10 a,
		.mobile-foucs-lr10 a {
			color: #262626;
		}
		.col-focus {
			width:100%;	
		}
		.col-focus-4 {
			width:100%;	
		}
    }
	
	@media (max-width: 360px) {

	}
	
	@media (min-width: 500px) {  /*550*/
		.col-cj-1, .col-cj-2, .col-cj-3, .col-cj-4, .col-cj-5, .col-cj-6, .col-cj-7, .col-cj-8, .col-cj-9, .col-cj-10, .col-cj-11, .col-cj-12 {
			float: left;
		}

		.col-cj-12 {
			width: 100%;
		}

		.col-cj-11 {
			width: 91.66666667%;
		}

		.col-cj-10 {
			width: 83.33333333%;
		}

		.col-cj-9 {
			width: 75%;
		}

		.col-cj-8 {
			width: 66.66666667%;
		}

		.col-cj-7 {
			width: 58.33333333%;
		}

		.col-cj-6 {
			width: 50%;
		}

		.col-cj-5 {
			width: 41.66666667%;
		}

		.col-cj-4 {
			width: 33.33333333%;
		}

		.col-cj-3 {
			width: 25%;
		}

		.col-cj-2 {
			width: 16.66666667%;
		}

		.col-cj-1 {
			width: 8.33333333%;
		}
	}	
	@media (min-width: 768px) {  /*550*/
		.col-cj-12 {
			width: 100%;
		}

		.col-cj-11 {
			width: 91.66666667%;
		}

		.col-cj-10 {
			width: 83.33333333%;
		}

		.col-cj-9 {
			width: 75%;
		}

		.col-cj-8 {
			width: 66.66666667%;
		}

		.col-cj-7 {
			width: 58.33333333%;
		}

		.col-cj-6 {
			width: 50%;
		}

		.col-cj-5 {
			width: 41.66666667%;
		}

		.col-cj-4 {
			width: 33.33333333%;
		}

		.col-cj-3 {
			width: 25%;
		}

		.col-cj-2 {
			width: 16.66666667%;
		}

		.col-cj-1 {
			width: 8.33333333%;
		}	
	}

	
    /* 手機版的iframe大小 */
    .iframeWrapper {
        width: 100%;
    }

	/* control display */

	.enable-mobile, .enable-mobile-xs, .enable-mobile-sm , .enable-mobile-md {
		display: none;
	}
	.hidden-mobile, .hidden-mobile-xs, .hidden-mobile-sm , .hidden-mobile-md {
		display: block;
	}
	.enable-all {
		display: block;
	}
	.hidden-all {
		display: none;
	}
	
	@media screen and (max-width: 1050px) {
		.enable-mobile, .enable-mobile-xs, .enable-mobile-sm, .hidden-mobile-md {
			display: none;
		}
		
		.hidden-mobile, .hidden-mobile-xs, .hidden-mobile-sm, .enable-mobile-md {
			display: block;
		}
	}

	@media screen and (max-width: 991px) {

		.enable-mobile, .enable-mobile-xs, .enable-mobile-sm, .hidden-mobile-md {
			display: none;
		}
		
		.hidden-mobile, .hidden-mobile-xs, .hidden-mobile-sm, .enable-mobile-md {
			display: block;
		}
	}

	@media screen and (max-width: 768px) {
		.enable-mobile-sm{
			display: block;
		}
		.hidden-mobile-sm{
			display: none;
		}
		.enable-768 {
			display: block;
		}
		.hidden-768{
			display: none;
		}

	}

	@media screen and (max-width: 490px) {
		.hidden-mobile, .hidden-mobile-xs, .hidden-mobile-sm, .hidden-mobile-md {
			display: none;
		}
		
		.enable-mobile, .enable-mobile-xs, .enable-mobile-sm, .enable-mobile-md {
			display: block;
		}

		.nopadded-lr-xs {
			padding-left: 0px;
			padding-right: 0px;
		}
	}

	/* Layout  */
	@media screen and (max-width: 1050px) {
		.width {
			max-width: 98%;
		}
		
		.width table {
			width: 100%;
		}
	}
	
	@media screen and (max-width: 991px) {
		.width {
			max-width: 97%;
		}
		
		.width table {
			width: 100%;
			padding-bottom: 20px;
		}
	}
	
	@media screen and (max-width: 768px) {
		.width {
			max-width: 100%;
		}
	}

	@media screen and (max-width: 490px) {	
		/* HACK : [手機版]畫面寬度要設90%，header才不會跑掉 */
		.width {
			max-width: 100%;
		}
		.mobile-width {
			max-width: 100%!important;
		}
	}
	
	
	
	@media screen and (-webkit-min-device-pixel-ratio: 0) {
	}
	
	
	@media screen and (max-width: 1000px) {
		.col-full-at-1000 {
			width: 100% !important;
		}
	}